update images

src/pages/about.astro

@@ -1,7 +1,7 @@
 ---
-import { Image } from "@astrojs/image/components";
 import Base from "@/layouts/Base.astro";
 import { markdownify } from "@/lib/utils/textConverter";
+import { Image } from "@astrojs/image/components";
 import { getEntryBySlug } from "astro:content";
 
 const entry = await getEntryBySlug("pages", "about");
@@ -27,6 +27,7 @@ const { title, description, meta_title, image } = entry.data;
                 width={200}
                 height={200}
                 alt={title}
+                format="webp"
               />
             )
           }

src/pages/authors/[single].astro

@@ -25,7 +25,7 @@ const { title, social, meta_title, description, image } = author.data;
 const { Content } = await author.render();
 const posts = await getSinglePage(blog_folder);
 const postFilterByAuthor = posts.filter(
-  (post) => slugify(post.data.author) === slugify(title)
+  (post) => slugify(post.data.author) === slugify(title),
 );
 ---
 
@@ -49,6 +49,7 @@ const postFilterByAuthor = posts.filter(
                 height={200}
                 width={200}
                 alt={title}
+                format="webp"
               />
             )
           }

src/pages/index.astro

@@ -48,6 +48,7 @@ const { banner, features }: Homepage = homepage.data;
                 height={380}
                 width={1200}
                 alt="banner image"
+                format="webp"
               />
             </div>
           )
@@ -73,6 +74,7 @@ const { banner, features }: Homepage = homepage.data;
                 fit="contain"
                 background="rgba(0,0,0,0)"
                 alt={feature.title}
+                format="webp"
               />
             </div>
             <div class={`md:col-7 lg:col-6 ${index % 2 !== 0 && "md:order-1"}`}>