Feat(UI): Change Image Format

Update: Change png to avif format
Ikram-Maulana · Apr 25, 2023 · 373abae · 373abae
1 parent 8fc5442
commit 373abae
Show file tree

Hide file tree

Showing 13 changed files with 5 additions and 5 deletions.
diff --git a/public/images/avatar.avif b/public/images/avatar.avif
diff --git a/public/images/avatar.png b/public/images/avatar.png
diff --git a/public/images/contact-text.avif b/public/images/contact-text.avif
diff --git a/public/images/contact-text.png b/public/images/contact-text.png
diff --git a/public/images/fan.avif b/public/images/fan.avif
diff --git a/public/images/fan.png b/public/images/fan.png
diff --git a/public/images/hero.avif b/public/images/hero.avif
diff --git a/public/images/hero.png b/public/images/hero.png
diff --git a/public/images/star.avif b/public/images/star.avif
diff --git a/public/images/star.png b/public/images/star.png
diff --git a/src/app/(portfolio)/page.tsx b/src/app/(portfolio)/page.tsx
@@ -48,14 +48,14 @@ export default async function Home() {
                 className="absolute right-0 z-10 w-1/4 lg:w-1/3 -top-8 md:-top-14 lg:-top-16 h-1/3"
               >
                 <Image
-                  src="/images/star.png"
+                  src="/images/star.avif"
                   width={500}
                   height={500}
                   alt="Star Decoration"
                 />
               </div>
               <Image
-                src="/images/hero.png"
+                src="/images/hero.avif"
                 width={500}
                 height={500}
                 alt="Ikram Maulana"
@@ -69,7 +69,7 @@ export default async function Home() {
                 className="absolute left-0 z-10 w-1/4 lg:-left-6 lg:w-1/3 -bottom-12 md:-bottom-14 lg:-bottom-12 h-1/3"
               >
                 <Image
-                  src="/images/fan.png"
+                  src="/images/fan.avif"
                   width={500}
                   height={500}
                   alt="Fan Decoration"

diff --git a/src/components/contact-section.tsx b/src/components/contact-section.tsx
@@ -69,7 +69,7 @@ export default function ContactSection() {
                 }}
               >
                 <Image
-                  src="/images/contact-text.png"
+                  src="/images/contact-text.avif"
                   width={120}
                   height={120}
                   alt="Contact Me"

diff --git a/src/components/main-nav.tsx b/src/components/main-nav.tsx
@@ -46,7 +46,7 @@ export default function MainNav({ items, children }: MainNavProps) {
               className="block py-6 text-xl font-bold text-tprimary"
             >
               <Image
-                src="/images/avatar.png"
+                src="/images/avatar.avif"
                 width={40}
                 height={40}
                 alt="Logo"