diff --git a/app/root.tsx b/app/root.tsx
index 18ff04f9b..bbdba0c07 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -99,10 +99,10 @@ export const meta = ({ loaderData }: Route.MetaArgs) => {
 
   const title = 'Agicash';
   const description = 'The easiest way to send and receive cash.';
-  const image = '/icon-192x192.png';
-  const imageWidth = '192';
-  const imageHeight = '192';
-  const imageType = 'image/png';
+  const image = origin ? `${origin}/og/agicash-card.webp` : '/og/agicash-card.webp';
+  const imageWidth = '900';
+  const imageHeight = '473';
+  const imageType = 'image/webp';
   const imageAlt = 'Agicash logo';
   const ogSiteName = 'Agicash';
 
diff --git a/public/og/agicash-card.webp b/public/og/agicash-card.webp
new file mode 100644
index 000000000..159f8a311
Binary files /dev/null and b/public/og/agicash-card.webp differ