WebDevSimplified
diff --git a/‎src/layouts/BlogPost.astro‎
Lines changed: 9 additions & 1 deletion b/‎src/layouts/BlogPost.astro‎
Lines changed: 9 additions & 1 deletion
diff --git a/‎src/pages/[date]/[title]/og.jpg.js‎ renamed to ‎src/pages/[date]/[title]/og.webp.js‎ b/‎src/pages/[date]/[title]/og.jpg.js‎ renamed to ‎src/pages/[date]/[title]/og.webp.js‎
diff --git a/‎src/pages/index.astro‎
Lines changed: 1 addition & 1 deletion b/‎src/pages/index.astro‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/pages/og.jpg.js‎ renamed to ‎src/pages/og.webp.js‎ b/‎src/pages/og.jpg.js‎ renamed to ‎src/pages/og.webp.js‎
diff --git a/‎src/utils/generateOpenGraphImage.js‎
Lines changed: 2 additions & 2 deletions b/‎src/utils/generateOpenGraphImage.js‎
Lines changed: 2 additions & 2 deletions
@@ -21,7 +21,15 @@ const url = Astro.request.url
 
 <html lang={content.lang || "en"}>
   <head>
-    <BaseHead {title} {description} permalink={url} image={new URL(path.join(`${Astro.url.pathname}/og.jpg`), Astro.url).toString()} />
+    <BaseHead
+      {title}
+      {description}
+      permalink={url}
+      image={new URL(
+        path.join(Astro.url.pathname, "og.jpg"),
+        Astro.url,
+      ).toString()}
+    />
   </head>
 
   <body>
 
@@ -52,7 +52,7 @@ const allPosts = allMarkdownPosts
       {title}
       {description}
       permalink={Astro.url.toString()}
-      image={new URL("/og.", Astro.url).toString()}
+      image={new URL("/og.webp", Astro.url).toString()}
     />
 
     <style>
 
@@ -164,7 +164,7 @@ export async function generateOpenGraphImage({
     satoriOptions,
   )
 
-  const jpg = await sharp(Buffer.from(svg)).jpeg({ quality: 90 }).toBuffer()
+  const webp = await sharp(Buffer.from(svg)).webp({ quality: 90 }).toBuffer()
 
-  return new Response(jpg, { headers: { "Content-Type": "image/jpg" } })
+  return new Response(webp, { headers: { "Content-Type": "image/webp" } })
 }
Original file line number	Diff line number	Diff line change
`@@ -164,7 +164,7 @@ export async function generateOpenGraphImage({`
`164`	`164`	`satoriOptions,`
`165`	`165`	`)`
`166`	`166`
`167`		`- const jpg = await sharp(Buffer.from(svg)).jpeg({ quality: 90 }).toBuffer()`
	`167`	`+ const webp = await sharp(Buffer.from(svg)).webp({ quality: 90 }).toBuffer()`
`168`	`168`
`169`		`- return new Response(jpg, { headers: { "Content-Type": "image/jpg" } })`
	`169`	`+ return new Response(webp, { headers: { "Content-Type": "image/webp" } })`
`170`	`170`	`}`