diff --git a/src/pages/api/content/index.ts b/src/pages/api/content/index.ts
index 225f94f..f7d60c6 100644
--- a/src/pages/api/content/index.ts
+++ b/src/pages/api/content/index.ts
@@ -38,7 +38,7 @@ export const POST: APIRoute = async ({ request }) => {
 
   const randomImageId = nanoid()
 
-  const imageName = `${image.name.replace(/\.[^/.]+$/, "")}${randomImageId}.jpg`
+  const imageName = `${image.name.replace(/\.[^/.]+$/, "")}${randomImageId}.webp`
 
   const imageBuf = await image.arrayBuffer()
 
@@ -50,7 +50,8 @@ export const POST: APIRoute = async ({ request }) => {
 
   const { error } = await supabase.storage.from("images").upload(`public/${imageName}`, data, {
     cacheControl: "3600",
-    upsert: false
+    upsert: false,
+    contentType: "image/webp"
   })
 
   if (error) {