diff --git a/src/lib/blocks/Blog.svelte b/src/lib/blocks/Blog.svelte
index 62fb313f..6b872c61 100644
--- a/src/lib/blocks/Blog.svelte
+++ b/src/lib/blocks/Blog.svelte
@@ -35,7 +35,7 @@
   }
 
   $: ({ posts, pageNum, totalPages } = data.props);
-  $: image = data.image || "assets/media/blog_screenshot.webp";
+  $: image = data.image || "assets/media/blog_screenshot.png";
   $: fullImageUrl = image.startsWith('http') ? image : `${siteUrl}${image}`;
 
   $: metadata.setMetadata({
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b5ab432c..4e71ee2f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -24,7 +24,7 @@
     $: title = data.title || `${siteTitle} | ${subtitle}`;
     $: description = data.description || siteDescription;
     $: keywords = data.keywords || siteKeywords.join(", ");
-    $: image = data.image || "assets/media/website_screenshot.webp";
+    $: image = data.image || "assets/media/website_screenshot.png";
     $: fullImageUrl = image.startsWith('http') ? image : `${siteUrl}${image}`;
 
     $: metadata.setMetadata({
diff --git a/static/assets/media/blog_screenshot.jpg b/static/assets/media/blog_screenshot.jpg
deleted file mode 100644
index 848205e3..00000000
Binary files a/static/assets/media/blog_screenshot.jpg and /dev/null differ
diff --git a/static/assets/media/blog_screenshot.png b/static/assets/media/blog_screenshot.png
new file mode 100644
index 00000000..812a7f15
Binary files /dev/null and b/static/assets/media/blog_screenshot.png differ
diff --git a/static/assets/media/website_screenshot.jpg b/static/assets/media/website_screenshot.jpg
deleted file mode 100644
index 46e7916d..00000000
Binary files a/static/assets/media/website_screenshot.jpg and /dev/null differ
diff --git a/static/assets/media/website_screenshot.png b/static/assets/media/website_screenshot.png
new file mode 100644
index 00000000..f82f2e80
Binary files /dev/null and b/static/assets/media/website_screenshot.png differ