update images

src/layouts/components/AuthorCard.astro

@@ -18,6 +18,7 @@ const { title, image, social } = data.data;
         alt={title}
         width={120}
         height={120}
+        format="webp"
       />
     )
   }

src/layouts/components/BlogCard.astro

@@ -1,7 +1,7 @@
 ---
-import { Image } from "@astrojs/image/components";
 import config from "@/config/config.json";
 import { humanize, plainify, slugify } from "@/lib/utils/textConverter";
+import { Image } from "@astrojs/image/components";
 import { FaRegFolder, FaRegUserCircle } from "react-icons/fa/index.js";
 
 const {
@@ -21,6 +21,7 @@ const { title, image, date, author, categories } = data.data;
         alt={title}
         width={445}
         height={230}
+        format="webp"
       />
     )
   }

src/layouts/components/Logo.astro

@@ -1,6 +1,6 @@
 ---
-import { Image } from "@astrojs/image/components";
 import config from "@/config/config.json";
+import { Image } from "@astrojs/image/components";
 
 const { src, srcDarkmode }: { src?: string; srcDarkmode?: string } =
   Astro.props;
@@ -39,6 +39,7 @@ const { theme_switcher }: { theme_switcher: boolean } = config.settings;
             height: logo_height.replace("px", "") + "px",
             width: logo_width.replace("px", "") + "px",
           }}
+          format="webp"
         />
         {theme_switcher && (
           <Image
@@ -53,6 +54,7 @@ const { theme_switcher }: { theme_switcher: boolean } = config.settings;
               height: logo_height.replace("px", "") + "px",
               width: logo_width.replace("px", "") + "px",
             }}
+            format="webp"
           />
         )}
       </>