diff --git a/public/app-preview-mobile.png b/public/app-preview-mobile.png
deleted file mode 100644
index 2afd7d2..0000000
Binary files a/public/app-preview-mobile.png and /dev/null differ
diff --git a/public/app-preview-mobile.webp b/public/app-preview-mobile.webp
new file mode 100644
index 0000000..35fbbf3
Binary files /dev/null and b/public/app-preview-mobile.webp differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b67a3d4..16fcdb9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -90,7 +90,7 @@ export default async function RootPage() {
                     <span className="h-6 w-[88px] rounded-full bg-black" aria-hidden="true" />
                   </div>
                   <Image
-                    src="/app-preview-mobile.png"
+                    src="/app-preview-mobile.webp"
                     alt={t("previewAlt")}
                     width={327}
                     height={714}