perf(images): use webp format and 80% quality for embedded images (#57)

Author: CalvinAllen

src/components/PostCard.astro

@@ -30,8 +30,8 @@ const formattedDate = date.toLocaleDateString('en-US', {
         alt={title}
         width={1920}
         height={1080}
-        quality={100}
-        format="png"
+        quality={80}
+        format="webp"
         class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
         loading="lazy"
       />

src/layouts/PostLayout.astro

@@ -58,6 +58,8 @@ const ogImageUrl = image?.src;
           <Image
             src={image}
             alt={title}
+            quality={80}
+            format="webp"
             class="w-full"
           />
         </div>