feat: webp, avif 지원되는 파일 보내도록 수정

#267
boostcampwm-2024 · Dec 2, 2024 · cd32303 · cd32303
1 parent d3ea056
commit cd32303
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/client/src/styles/global.ts b/client/src/styles/global.ts
@@ -9,7 +9,16 @@ export const globalStyles = defineGlobalStyles({
   },
 
   "html, body": {
-    backgroundImage: 'url("./assets/images/background.png")',
+    // 기본 이미지
+    backgroundImage: 'url("./assets/images/background.jpg")',
+    // WebP 지원
+    "@supports (background-image: url('./assets/images/background.webp'))": {
+      backgroundImage: 'url("./assets/images/background.webp")',
+    },
+    // AVIF 지원
+    "@supports (background-image: url('./assets/images/background.avif'))": {
+      backgroundImage: 'url("./assets/images/background.avif")',
+    },
     backgroundSize: "cover",
     fontFamily: "Pretendard, sans-serif",
     boxSizing: "border-box",