♻️ refactor(home): use webp images when possible

m-tartari · Feb 18, 2024 · 4c156ad · 4c156ad
1 parent de164af
commit 4c156ad
Show file tree

Hide file tree

Showing 11 changed files with 5 additions and 4 deletions.
diff --git a/public/images/IIT_Linfa.webp b/public/images/IIT_Linfa.webp
diff --git a/public/images/IIT_Modular.webp b/public/images/IIT_Modular.webp
diff --git a/public/images/IIT_Modular_Mobile.webp b/public/images/IIT_Modular_Mobile.webp
diff --git a/public/images/IIT_Modules.webp b/public/images/IIT_Modules.webp
diff --git a/public/images/banner-blur.webp b/public/images/banner-blur.webp
diff --git a/public/images/banner.webp b/public/images/banner.webp
diff --git a/public/images/me.webp b/public/images/me.webp
diff --git a/public/images/recharge_car.webp b/public/images/recharge_car.webp
diff --git a/public/images/thesis.webp b/public/images/thesis.webp
diff --git a/src/components/molecules/Hero/Hero.tsx b/src/components/molecules/Hero/Hero.tsx
@@ -13,7 +13,7 @@ const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) =
         minHeight: '100vh',
         boxShadow: '0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25)',
 
-        backgroundImage: 'url("images/banner-blur.jpg")',
+        backgroundImage: 'url("images/banner-blur.webp")',
         backgroundPosition: 'center center',
         backgroundAttachment: 'fixed',
         backgroundSize: 'cover',

diff --git a/src/components/pages/MainPage/MainPage.tsx b/src/components/pages/MainPage/MainPage.tsx
@@ -25,7 +25,7 @@ const MainPage = () => {
           ref={refIITLinfa}
           scrollTarget={refIITModular}
           anchor="bottom"
-          image="images/IIT_Linfa.png"
+          image="images/IIT_Linfa.webp"
           title="LINFA: An Intuitive Block-Programming Interface for Reconfigurable Robots"
           caption={
             <>
@@ -49,7 +49,7 @@ const MainPage = () => {
           anchor="right"
           // anchor="left"
           image="images/IIT_Modular.png"
-          mobileImage="images/IIT_Modular_Mobile.png"
+          mobileImage="images/IIT_Modular_Mobile.webp"
           title="Revamping HHCM's Modular: Swift Generation of Modular Robot Models"
           caption={
             <>
@@ -71,7 +71,7 @@ const MainPage = () => {
           ref={refIITCalibration}
           scrollTarget={refWUTThesis}
           anchor="left"
-          image="images/IIT_Modules.jpg"
+          image="images/IIT_Modules.webp"
           title="Automated Actuators and Robotic Modules Calibration"
           caption={
             <>
@@ -92,6 +92,7 @@ const MainPage = () => {
           ref={refWUTThesis}
           anchor="bottom"
           image="images/thesis.jpg"
+          mobileImage="images/thesis.webp"
           title="Voice Controlled Mobile Robot for Indoor Applications"
           caption={
             <>