diff --git a/apps/www/_blog/2025-03-31-supabase-ui-library.mdx b/apps/www/_blog/2025-03-31-supabase-ui-library.mdx
index bb4bc56a062..e6d6ff9fe3d 100644
--- a/apps/www/_blog/2025-03-31-supabase-ui-library.mdx
+++ b/apps/www/_blog/2025-03-31-supabase-ui-library.mdx
@@ -33,7 +33,7 @@ Installing components from the Supabase UI Library is as easy as installing a co
   alt="Install"
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/install.jpg',
-    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.jpg',
+    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.png',
   }}
 />
 
@@ -116,7 +116,7 @@ The Realtime Cursor component gets you started building multiplayer experiences
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors.jpg',
     light:
-      '/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.jpg',
+      '/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.png',
   }}
 />
 
@@ -128,7 +128,7 @@ With the User Avatar and Realtime Avatar Stack components, you can add Realtime
   alt="Who's Online"
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online.jpg',
-    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.jpg',
+    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.png',
   }}
 />
 
@@ -140,7 +140,7 @@ The Realtime Chat component is a complete chat interface, letting users exchange
   alt="Realtime Chat"
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat.jpg',
-    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.jpg',
+    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.png',
   }}
 />
 
diff --git a/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.png b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.png
new file mode 100644
index 00000000000..a88589a1136
Binary files /dev/null and b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.png differ
diff --git a/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.png b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.png
new file mode 100644
index 00000000000..6a95dce41b2
Binary files /dev/null and b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.png differ
diff --git a/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.png b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.png
new file mode 100644
index 00000000000..8ecebabdab1
Binary files /dev/null and b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.png differ
diff --git a/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.png b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.png
new file mode 100644
index 00000000000..96c0939b15e
Binary files /dev/null and b/apps/www/public/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.png differ