[Enhance]: Optimize image

DeKal · Jul 16, 2020 · 384f570 · 384f570
1 parent 41c878a
commit 384f570
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/modules/core/theme/__test__/__snapshots__/ThemeProviderSelector.spec.tsx.snap b/modules/core/theme/__test__/__snapshots__/ThemeProviderSelector.spec.tsx.snap
@@ -495,8 +495,8 @@ exports[`Theme Provider Selector Selector fo normal theme should render for norm
         "workexp": "\\\\e804",
       },
       "images": Object {
-        "background": "/images/bg.jpg",
-        "backgroundMobile": "/images/bg-mobile.jpg",
+        "background": "/images/bg.webp",
+        "backgroundMobile": "/images/bg-mobile.webp",
         "bgPattern": "/images/bg-pattern.jpg",
         "bgPatternOpacity": "1",
         "overlay": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAGM0GjfHGEMGAAAA//8DACm0ATMe8beGAAAAAElFTkSuQmCC",
@@ -573,8 +573,8 @@ exports[`Theme Provider Selector Selector fo normal theme should render for norm
           "workexp": "\\\\e804",
         },
         "images": Object {
-          "background": "/images/bg.jpg",
-          "backgroundMobile": "/images/bg-mobile.jpg",
+          "background": "/images/bg.webp",
+          "backgroundMobile": "/images/bg-mobile.webp",
           "bgPattern": "/images/bg-pattern.jpg",
           "bgPatternOpacity": "1",
           "overlay": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAGM0GjfHGEMGAAAA//8DACm0ATMe8beGAAAAAElFTkSuQmCC",

diff --git a/modules/core/theme/styleguide/theme.js b/modules/core/theme/styleguide/theme.js
@@ -20,8 +20,8 @@ const theme = {
     grey: '#696969'
   },
   images: {
-    background: '/images/bg.jpg',
-    backgroundMobile: '/images/bg-mobile.jpg',
+    background: '/images/bg.webp',
+    backgroundMobile: '/images/bg-mobile.webp',
     bgPattern: '/images/bg-pattern.jpg',
     bgPatternOpacity: '1',
     overlayBgColor: 'rgba(44, 62, 80, 0.4)',

diff --git a/modules/home/components/__test__/__snapshots__/Home.spec.tsx.snap b/modules/home/components/__test__/__snapshots__/Home.spec.tsx.snap
@@ -38,7 +38,7 @@ exports[`Home should render without throwing an error 1`] = `
       </Anchor>
       <Home__Background>
         <div
-          className="Home__Background-gfpuen-3 dQpcR"
+          className="Home__Background-gfpuen-3 gLbVfp"
         />
       </Home__Background>
       <Home__Overlay>

diff --git a/modules/home/theme/__tests__/__snapshots__/GlobalStyleCss.spec.tsx.snap b/modules/home/theme/__tests__/__snapshots__/GlobalStyleCss.spec.tsx.snap
@@ -53,8 +53,8 @@ exports[`GlobalStyleCss should render defaultTheme without throwing an error 1`]
         "workexp": "\\\\e804",
       },
       "images": Object {
-        "background": "/images/bg.jpg",
-        "backgroundMobile": "/images/bg-mobile.jpg",
+        "background": "/images/bg.webp",
+        "backgroundMobile": "/images/bg-mobile.webp",
         "bgPattern": "/images/bg-pattern.jpg",
         "bgPatternOpacity": "1",
         "overlay": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAGM0GjfHGEMGAAAA//8DACm0ATMe8beGAAAAAElFTkSuQmCC",

diff --git a/public/images/bg-mobile.webp b/public/images/bg-mobile.webp
diff --git a/public/images/bg.webp b/public/images/bg.webp