diff --git a/design/immich-screenshots.png b/design/immich-screenshots.png
index 6fa04548a..1db7cab76 100644
Binary files a/design/immich-screenshots.png and b/design/immich-screenshots.png differ
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 67d98b1b5..4e2b890c1 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -31,7 +31,7 @@ function HomepageHeader() {
           </Link>
         </div>
 
-        <img src="/img/immich-screenshots.webp" alt="logo" />
+        <img src="/img/immich-screenshots.png" alt="logo" />
       </section>
     </header>
   );
diff --git a/docs/static/img/immich-screenshots.png b/docs/static/img/immich-screenshots.png
new file mode 100644
index 000000000..7ad188e5a
Binary files /dev/null and b/docs/static/img/immich-screenshots.png differ
diff --git a/docs/static/img/immich-screenshots.webp b/docs/static/img/immich-screenshots.webp
deleted file mode 100644
index 151e9b9f0..000000000
Binary files a/docs/static/img/immich-screenshots.webp and /dev/null differ