diff --git a/README.md b/README.md
index 4a6abe1..dbbbc1a 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="https://bot.embeds.media/og.png" alt="Embedly" />
+  <img src="https://bot.embeds.media/og.jpg" alt="Embedly" />
 </p>
 
 <h1 align="center">Embedly</h1>
diff --git a/apps/docs/public/og.jpg b/apps/docs/public/og.jpg
new file mode 100644
index 0000000..aff4881
Binary files /dev/null and b/apps/docs/public/og.jpg differ
diff --git a/apps/docs/public/og.png b/apps/docs/public/og.png
deleted file mode 100644
index 1dcecb3..0000000
Binary files a/apps/docs/public/og.png and /dev/null differ
diff --git a/apps/docs/src/routes/__root.tsx b/apps/docs/src/routes/__root.tsx
index a1a2392..804aef9 100644
--- a/apps/docs/src/routes/__root.tsx
+++ b/apps/docs/src/routes/__root.tsx
@@ -20,7 +20,7 @@ const getOrigin = createServerFn().handler(() => {
 export const Route = createRootRoute({
   loader: () => getOrigin(),
   head: ({ loaderData: origin }) => {
-    const og_image = `${origin ?? "https://bot.embeds.media"}/og.png`;
+    const og_image = `${origin ?? "https://bot.embeds.media"}/og.jpg`;
     return {
       meta: [
         { charSet: "utf-8" },