WebDevSimplified
diff --git a/‎src/layouts/BlogPost.astro‎
Lines changed: 2 additions & 1 deletion b/‎src/layouts/BlogPost.astro‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎src/pages/[date]/[title]/og.webp.js‎ renamed to ‎src/pages/[date]/[title]/og.jpg.js‎ b/‎src/pages/[date]/[title]/og.webp.js‎ renamed to ‎src/pages/[date]/[title]/og.jpg.js‎
diff --git a/‎src/pages/index.astro‎
Lines changed: 1 addition & 4 deletions b/‎src/pages/index.astro‎
Lines changed: 1 addition & 4 deletions
diff --git a/‎src/pages/og.webp.js‎ renamed to ‎src/pages/og.jpg.js‎ b/‎src/pages/og.webp.js‎ renamed to ‎src/pages/og.jpg.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
@@ -5,6 +5,7 @@ import "../styles/shiki-highlight.css"
 import BaseHead from "../components/BaseHead.astro"
 import BlogPost from "../components/BlogPost.astro"
 import BaseTopOfBody from "src/components/BaseTopOfBody.astro"
+import path from "path"
 
 const { content } = Astro.props
 const {
@@ -20,7 +21,7 @@ const url = Astro.request.url
 
 <html lang={content.lang || "en"}>
   <head>
-    <BaseHead {title} {description} permalink={url} image="/og.webp" />
+    <BaseHead {title} {description} permalink={url} image={new URL(`${Astro.url.pathname}/og.jpg`, Astro.url).toString()} />
   </head>
 
   <body>
 
@@ -20,7 +20,6 @@ interface MarkdownFrontmatter {
 // All variables are available to use in the HTML template below.
 let title = "Web Dev Simplified Blog"
 let description = "In depth articles with interactive examples about every web dev topic."
-let permalink = "https://blog.webdevsimplified.com"
 
 // Data Fetching: List all Markdown posts in the repo.
 
@@ -42,15 +41,13 @@ const allPosts = allMarkdownPosts
     return bDate - aDate
   })
 
-  const url = Astro.request.url
-
 // Full Astro Component Syntax:
 // https://docs.astro.build/core-concepts/astro-components/
 ---
 
 <html lang="en">
   <head>
-    <BaseHead {title} {description} {permalink} image="/og.webp" />
+    <BaseHead {title} {description} permalink={Astro.url.toString()} image={new URL("/og.jpg", Astro.url).toString()} />
 
     <style>
       .content {
 
@@ -164,7 +164,7 @@ export async function generateOpenGraphImage({
     satoriOptions,
   )
 
-  const webp = await sharp(Buffer.from(svg)).webp({ quality: 100 }).toBuffer()
+  const jpg = await sharp(Buffer.from(svg)).jpeg({ quality: 100 }).toBuffer()
 
-  return new Response(webp, { headers: { "Content-Type": "image/webp" } })
+  return new Response(jpg, { headers: { "Content-Type": "image/jpg" } })
 }
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 webp = await sharp(Buffer.from(svg)).webp({ quality: 100 }).toBuffer()`
	`167`	`+ const jpg = await sharp(Buffer.from(svg)).jpeg({ quality: 100 }).toBuffer()`
`168`	`168`
`169`		`- return new Response(webp, { headers: { "Content-Type": "image/webp" } })`
	`169`	`+ return new Response(jpg, { headers: { "Content-Type": "image/jpg" } })`
`170`	`170`	`}`