graphics format and eager/lazy updates

chaddupuis · Nov 9, 2024 · 6bc8f32 · 6bc8f32
1 parent 30b74c3
commit 6bc8f32
Show file tree

Hide file tree

Showing 12 changed files with 27 additions and 27 deletions.
diff --git a/src/assets/images/chad-photo-bike.webp b/src/assets/images/chad-photo-bike.webp
diff --git a/src/assets/images/chad-yinyang-computer.webp b/src/assets/images/chad-yinyang-computer.webp
diff --git a/src/assets/images/mit-350.webp b/src/assets/images/mit-350.webp
diff --git a/src/assets/images/msu-350.webp b/src/assets/images/msu-350.webp
diff --git a/src/assets/images/ua-350.webp b/src/assets/images/ua-350.webp
diff --git a/src/assets/images/ucsc-350.webp b/src/assets/images/ucsc-350.webp
diff --git a/src/assets/images/umn-350.webp b/src/assets/images/umn-350.webp
diff --git a/src/assets/images/usf-350.webp b/src/assets/images/usf-350.webp
diff --git a/src/assets/images/yin-yang-house-350.webp b/src/assets/images/yin-yang-house-350.webp
diff --git a/src/components/About.astro b/src/components/About.astro
@@ -1,5 +1,5 @@
 ---
-import chadImage from '@assets/images/chad-photo-bike.png';
+import chadImage from '@assets/images/chad-photo-bike.webp';
 import { Image } from 'astro:assets';
 ---
 
@@ -19,9 +19,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={chadImage}
                 alt="Photo of Chad"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -1,5 +1,5 @@
 ---
-import heroImage from '@assets/images/chad-yinyang-computer.png';
+import heroImage from '@assets/images/chad-yinyang-computer.webp';
 import { Image } from 'astro:assets';
 ---
 
@@ -15,7 +15,7 @@ import { Image } from 'astro:assets';
                 <Image
                 src={heroImage}
                 alt="Yin Yang Coding Graphic"
-                format="png"
+                format="webp"
                 width={400}
                 height={400}
                 class="rounded-lg"

diff --git a/src/components/Work.astro b/src/components/Work.astro
@@ -1,11 +1,11 @@
 ---
-import UMNImage from '@assets/images/umn-350.png';
-import YYHImage from '@assets/images/yin-yang-house-350.png';
-import MITImage from '@assets/images/mit-350.png';
-import UAImage from '@assets/images/ua-350.png';
-import UCSCImage from '@assets/images/ucsc-350.png';
-import USFImage from '@assets/images/usf-350.png';
-import MSUImage from '@assets/images/msu-350.png';
+import UMNImage from '@assets/images/umn-350.webp';
+import YYHImage from '@assets/images/yin-yang-house-350.webp';
+import MITImage from '@assets/images/mit-350.webp';
+import UAImage from '@assets/images/ua-350.webp';
+import UCSCImage from '@assets/images/ucsc-350.webp';
+import USFImage from '@assets/images/usf-350.webp';
+import MSUImage from '@assets/images/msu-350.webp';
 
 import { Image } from 'astro:assets';
 ---
@@ -30,9 +30,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={UMNImage}
                 alt="UMN Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>
@@ -56,9 +56,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={YYHImage}
                 alt="YYH Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>
@@ -80,9 +80,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={MITImage}
                 alt="MIT Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>
@@ -109,9 +109,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={UAImage}
                 alt="UA Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>
@@ -136,9 +136,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={UCSCImage}
                 alt="UCSC Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>
@@ -162,17 +162,17 @@ import { Image } from 'astro:assets';
                 <Image
                 src={USFImage}
                 alt="USF Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>
         </div>
     </section>
     <!-- end USF Section -->
 
-    <!-- USF Section -->
+    <!-- MSU Section -->
     <section class="container mx-auto p-4 my-10 scroll-mt-32">
         <h3 class="mb-4">Michigan State University | Technical Support Specialist | 1989 - 1992</h3>
         <div class="flex flex-wrap">
@@ -186,9 +186,9 @@ import { Image } from 'astro:assets';
                 <Image
                 src={MSUImage}
                 alt="MSU Logo"
-                format="png"
+                format="webp"
                 width={300}
-                loading="eager"
+                loading="lazy"
                 class="rounded-lg"
             />
                     </div>