feat: uses Astro’s built-in optimized asset support for author profil…

…e images
HiDeoo · Jun 16, 2024 · 2baa625 · 2baa625
1 parent a84fdc4
commit 2baa625
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/starlight-blog/components/Author.astro b/packages/starlight-blog/components/Author.astro
@@ -1,4 +1,6 @@
 ---
+import { Image } from 'astro:assets'
+
 import { getPathWithBase } from '../libs/page'
 import type { StarlightBlogAuthor } from '../schema'
 
@@ -19,7 +21,7 @@ const pictureSrc = author.picture
 ---
 
 <Element href={isLink ? author.url : undefined} class="author">
-  {pictureSrc && <img alt={author.name} src={pictureSrc} />}
+  {pictureSrc && <Image alt={author.name} loading="eager" src={pictureSrc} height={40} width={40} />}
   <div class="text">
     <div class="name">{author.name}</div>
     {author.title && <div class="title">{author.title}</div>}