feat: add sharp for image optimization

DDD-Community · Dec 29, 2024 · 1d2bc91 · 1d2bc91
1 parent c204f29
commit 1d2bc91
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 36 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
     "react-moveable": "^0.56.0",
     "react-multi-carousel": "^2.8.5",
     "react-selecto": "^1.26.3",
+    "sharp": "^0.33.5",
     "tailwind-merge": "^2.3.0",
     "tailwind-scrollbar-hide": "^1.1.7"
   },

diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
@@ -15,7 +15,15 @@ const HomePage = () => {
         <span className="m-auto block pt-2 text-center font-jooree text-sm leading-4">
           함께 꾸미는 폴라로이드 보드
         </span>
-        <Image src={PolaboLogo} priority alt="logo" className="px-20 py-0.5" />
+        <div className="px-20 py-0.5">
+          <Image
+            src={PolaboLogo}
+            priority
+            alt="logo"
+            width={248}
+            height={100}
+          />
+        </div>
       </div>
       <div className="mb-[30px] flex w-full flex-col items-center">
         <TotalCount />