diff --git a/d.ts b/d.ts
index 457c08e1..6e95ec0c 100644
--- a/d.ts
+++ b/d.ts
@@ -7,3 +7,8 @@ declare module "*.svg" {
   const value: any
   export default value
 }
+
+declare module "*.webp" {
+  const value: any
+  export default value
+}
\ No newline at end of file
diff --git a/src/Element/Avatar.tsx b/src/Element/Avatar.tsx
index a2613505..553f6d8e 100644
--- a/src/Element/Avatar.tsx
+++ b/src/Element/Avatar.tsx
@@ -1,5 +1,5 @@
 import "./Avatar.css";
-import Nostrich from "../nostrich.jpg";
+import Nostrich from "nostrich.webp";
 import { CSSProperties } from "react";
 import type { UserMetadata } from "Nostr";
 import { useSelector } from "react-redux";
diff --git a/src/Notifications.ts b/src/Notifications.ts
index 1e66f6fa..074c23c2 100644
--- a/src/Notifications.ts
+++ b/src/Notifications.ts
@@ -1,4 +1,4 @@
-import Nostrich from "nostrich.jpg";
+import Nostrich from "nostrich.webp";
 
 import { TaggedRawEvent } from "Nostr";
 import EventKind from "Nostr/EventKind";
diff --git a/src/Pages/settings/Profile.tsx b/src/Pages/settings/Profile.tsx
index c5ea1c0d..a47b3fd5 100644
--- a/src/Pages/settings/Profile.tsx
+++ b/src/Pages/settings/Profile.tsx
@@ -1,5 +1,5 @@
 import "./Profile.css";
-import Nostrich from "nostrich.jpg";
+import Nostrich from "nostrich.webp";
 
 import { useEffect, useState } from "react";
 import { useSelector } from "react-redux";
diff --git a/src/nostrich.jpg b/src/nostrich.jpg
deleted file mode 100644
index 52482e76..00000000
Binary files a/src/nostrich.jpg and /dev/null differ
diff --git a/src/nostrich.webp b/src/nostrich.webp
new file mode 100644
index 00000000..bb6e2a4e
Binary files /dev/null and b/src/nostrich.webp differ