diff --git a/web/templates/card_creator.html b/web/templates/card_creator.html
index 7ac7a2d..6ae85a4 100644
--- a/web/templates/card_creator.html
+++ b/web/templates/card_creator.html
@@ -186,8 +186,8 @@ function wrapText(text, x, y, maxWidth, lineHeight) {
 // Download button
 downloadBtn.addEventListener("click", () => {
   const link = document.createElement("a");
-  link.download = "kemoverse-card.png";
-  link.href = canvas.toDataURL("image/png");
+  link.download = "kemoverse-card.webp";
+  link.href = canvas.toDataURL("image/webp");
   link.click();
 });
 </script>