feat: 이미지 확장자 변경[#18]

j2h30728 · Aug 27, 2024 · 4ec998a · 4ec998a
1 parent 1578146
commit 4ec998a
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 11 deletions.
diff --git a/public/images/main-image.webp b/public/images/main-image.webp
diff --git a/public/images/sub-image.webp b/public/images/sub-image.webp
diff --git a/src/app/(auth)/log-in/page.tsx b/src/app/(auth)/log-in/page.tsx
@@ -4,7 +4,7 @@ import Image from "next/image";
 import { ROUTE_PATHS } from "@/constants/routePath";
 import LogInForm from "@/components/user/log-in-form";
 
-import subImage from "../../../../public/images/sub-image.png";
+import subImage from "../../../../public/images/sub-image.webp";
 
 export default function LogInPage() {
   return (
@@ -15,7 +15,7 @@ export default function LogInPage() {
           <span className="text-primary font-semibold">오늘을 기록</span>하고 싶다면?
         </h1>
         <div className=" self-end w-48 h-52 relative overflow-clip">
-          <Image className="w-auto h-full" width={192} height={208} priority src={subImage} alt="sub-image" />
+          <Image width={192} height={208} priority src={subImage} alt="sub-image" />
         </div>
       </div>
       <div className="flex flex-col">

diff --git a/src/app/(tab)/page.tsx b/src/app/(tab)/page.tsx
@@ -19,14 +19,7 @@ export default async function Home() {
           <span className="text-primary">응원</span>과 함께 오늘을 <span className="text-primary">기록</span>해보아요!
         </h2>
         <div className="w-full h-80 relative -z-10">
-          <Image
-            className="right-0 absolute w-auto h-full"
-            width={350}
-            height={400}
-            src="/images/main-image.png"
-            alt="main-image"
-            priority
-          />
+          <Image className="right-0 absolute" width={350} height={400} src="/images/main-image.webp" alt="main-image" />
         </div>
       </div>
       <div className="flex gap-2 pl-5 overflow-y-scroll">

diff --git a/src/app/intro/page.tsx b/src/app/intro/page.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 import { ROUTE_PATHS } from "@/constants/routePath";
 import Image from "next/image";
 
-import mainImage from "../../../public/images/main-image.png";
+import mainImage from "../../../public/images/main-image.webp";
 
 export default function IntroPage() {
   return (