Optimize image loading

project-emory · Dec 6, 2024 · b5d2a2b · b5d2a2b
1 parent be065d0
commit b5d2a2b
Show file tree

Hide file tree

Showing 109 changed files with 50 additions and 50 deletions.
diff --git a/public/images/about/bg.png b/public/images/about/bg.png
diff --git a/public/images/about/bg.webp b/public/images/about/bg.webp
diff --git a/public/images/about/cloud_br.png b/public/images/about/cloud_br.png
diff --git a/public/images/about/cloud_br.webp b/public/images/about/cloud_br.webp
diff --git a/public/images/about/cloud_tl.png b/public/images/about/cloud_tl.png
diff --git a/public/images/about/cloud_tl.webp b/public/images/about/cloud_tl.webp
diff --git a/public/images/about/planet_bl.png b/public/images/about/planet_bl.png
diff --git a/public/images/about/planet_bl.webp b/public/images/about/planet_bl.webp
diff --git a/public/images/about/planet_br_1.png b/public/images/about/planet_br_1.png
diff --git a/public/images/about/planet_br_1.webp b/public/images/about/planet_br_1.webp
diff --git a/public/images/about/planet_br_2.png b/public/images/about/planet_br_2.png
diff --git a/public/images/about/planet_br_2.webp b/public/images/about/planet_br_2.webp
diff --git a/public/images/about/planet_tr.png b/public/images/about/planet_tr.png
diff --git a/public/images/about/planet_tr.webp b/public/images/about/planet_tr.webp
diff --git a/public/images/about/ufo.png b/public/images/about/ufo.png
diff --git a/public/images/about/ufo.webp b/public/images/about/ufo.webp
diff --git a/public/images/faq/transition_l/bg.png b/public/images/faq/transition_l/bg.png
diff --git a/public/images/faq/transition_l/bg.webp b/public/images/faq/transition_l/bg.webp
diff --git a/public/images/faq/transition_l/cloud.png b/public/images/faq/transition_l/cloud.png
diff --git a/public/images/faq/transition_l/cloud.webp b/public/images/faq/transition_l/cloud.webp
diff --git a/public/images/faq/transition_r/bg.png b/public/images/faq/transition_r/bg.png
diff --git a/public/images/faq/transition_r/bg.webp b/public/images/faq/transition_r/bg.webp
diff --git a/public/images/faq/transition_r/cloud.png b/public/images/faq/transition_r/cloud.png
diff --git a/public/images/faq/transition_r/cloud.webp b/public/images/faq/transition_r/cloud.webp
diff --git a/public/images/footer/bg.png b/public/images/footer/bg.png
diff --git a/public/images/footer/bg.webp b/public/images/footer/bg.webp
diff --git a/public/images/footer/clouds.png b/public/images/footer/clouds.png
diff --git a/public/images/footer/clouds.webp b/public/images/footer/clouds.webp
diff --git a/public/images/footer/rocket.png b/public/images/footer/rocket.png
diff --git a/public/images/footer/rocket.webp b/public/images/footer/rocket.webp
diff --git a/public/images/general_bg.png b/public/images/general_bg.png
diff --git a/public/images/general_bg.webp b/public/images/general_bg.webp
diff --git a/public/images/landing/asteroid.png b/public/images/landing/asteroid.png
diff --git a/public/images/landing/astronaut.png b/public/images/landing/astronaut.png
diff --git a/public/images/landing/bg.png b/public/images/landing/bg.png
diff --git a/public/images/landing/cloud_bl.png b/public/images/landing/cloud_bl.png
diff --git a/public/images/landing/cloud_r.png b/public/images/landing/cloud_r.png
diff --git a/public/images/landing/dog.png b/public/images/landing/dog.png
diff --git a/public/images/landing/planet_bl.png b/public/images/landing/planet_bl.png
diff --git a/public/images/landing/planet_br_1.png b/public/images/landing/planet_br_1.png
diff --git a/public/images/landing/planet_br_2.png b/public/images/landing/planet_br_2.png
diff --git a/public/images/landing/rocket.png b/public/images/landing/rocket.png
diff --git a/public/images/schedule/alien_l.png b/public/images/schedule/alien_l.png
diff --git a/public/images/schedule/alien_l.webp b/public/images/schedule/alien_l.webp
diff --git a/public/images/schedule/alien_r.png b/public/images/schedule/alien_r.png
diff --git a/public/images/schedule/alien_r.webp b/public/images/schedule/alien_r.webp
diff --git a/public/images/schedule/bg.png b/public/images/schedule/bg.png
diff --git a/public/images/schedule/bg.webp b/public/images/schedule/bg.webp
diff --git a/public/images/schedule/comet_c.png b/public/images/schedule/comet_c.png
diff --git a/public/images/schedule/comet_c.webp b/public/images/schedule/comet_c.webp
diff --git a/public/images/schedule/comet_l.png b/public/images/schedule/comet_l.png
diff --git a/public/images/schedule/comet_l.webp b/public/images/schedule/comet_l.webp
diff --git a/public/images/schedule/comet_r.png b/public/images/schedule/comet_r.png
diff --git a/public/images/schedule/comet_r.webp b/public/images/schedule/comet_r.webp
diff --git a/public/images/schedule/transition/bg.png b/public/images/schedule/transition/bg.png
diff --git a/public/images/schedule/transition/bg.webp b/public/images/schedule/transition/bg.webp
diff --git a/public/images/schedule/transition/cloud_l.png b/public/images/schedule/transition/cloud_l.png
diff --git a/public/images/schedule/transition/cloud_l.webp b/public/images/schedule/transition/cloud_l.webp
diff --git a/public/images/schedule/transition/cloud_r.png b/public/images/schedule/transition/cloud_r.png
diff --git a/public/images/schedule/transition/cloud_r.webp b/public/images/schedule/transition/cloud_r.webp
diff --git a/public/images/sponsors/cnr.png b/public/images/sponsors/cnr.png
diff --git a/public/images/sponsors/cnr.webp b/public/images/sponsors/cnr.webp
diff --git a/public/images/sponsors/emorynlp.png b/public/images/sponsors/emorynlp.png
diff --git a/public/images/sponsors/emorynlp.webp b/public/images/sponsors/emorynlp.webp
diff --git a/public/images/sponsors/hyundai.png b/public/images/sponsors/hyundai.png
diff --git a/public/images/sponsors/hyundai.webp b/public/images/sponsors/hyundai.webp
diff --git a/public/images/sponsors/jpmorgan.png b/public/images/sponsors/jpmorgan.png
diff --git a/public/images/sponsors/jpmorgan.webp b/public/images/sponsors/jpmorgan.webp
diff --git a/public/images/tracks/asteroid_1.png b/public/images/tracks/asteroid_1.png
diff --git a/public/images/tracks/asteroid_1.webp b/public/images/tracks/asteroid_1.webp
diff --git a/public/images/tracks/asteroid_2.png b/public/images/tracks/asteroid_2.png
diff --git a/public/images/tracks/asteroid_2.webp b/public/images/tracks/asteroid_2.webp
diff --git a/public/images/tracks/asteroid_3.png b/public/images/tracks/asteroid_3.png
diff --git a/public/images/tracks/asteroid_3.webp b/public/images/tracks/asteroid_3.webp
diff --git a/public/images/tracks/asteroid_4.png b/public/images/tracks/asteroid_4.png
diff --git a/public/images/tracks/asteroid_4.webp b/public/images/tracks/asteroid_4.webp
diff --git a/public/images/tracks/asteroid_small_1.png b/public/images/tracks/asteroid_small_1.png
diff --git a/public/images/tracks/asteroid_small_1.webp b/public/images/tracks/asteroid_small_1.webp
diff --git a/public/images/tracks/asteroid_small_2-1.png b/public/images/tracks/asteroid_small_2-1.png
diff --git a/public/images/tracks/asteroid_small_2-1.webp b/public/images/tracks/asteroid_small_2-1.webp
diff --git a/public/images/tracks/asteroid_small_2.png b/public/images/tracks/asteroid_small_2.png
diff --git a/public/images/tracks/asteroid_small_2.webp b/public/images/tracks/asteroid_small_2.webp
diff --git a/public/images/tracks/asteroid_small_3.webp b/public/images/tracks/asteroid_small_3.webp
diff --git a/public/images/tracks/asteroid_small_4.png b/public/images/tracks/asteroid_small_4.png
diff --git a/public/images/tracks/asteroid_small_4.webp b/public/images/tracks/asteroid_small_4.webp
diff --git a/public/images/tracks/bg.png b/public/images/tracks/bg.png
diff --git a/public/images/tracks/bg.webp b/public/images/tracks/bg.webp
diff --git a/public/images/tracks/planet.png b/public/images/tracks/planet.png
diff --git a/public/images/tracks/planet.webp b/public/images/tracks/planet.webp
diff --git a/public/logo.png b/public/logo.png
diff --git a/public/logo.webp b/public/logo.webp
diff --git a/public/noise.png b/public/noise.png
diff --git a/public/noise.webp b/public/noise.webp
diff --git a/src/app/components/nav.jsx b/src/app/components/nav.jsx
@@ -12,7 +12,7 @@ import { gsap } from "gsap";
 
 import { ScrollToPlugin } from "gsap/ScrollToPlugin";
 import { useEffect, useRef, useState } from "react";
-import logo from "../../../public/logo.png";
+import logo from "../../../public/logo.webp";
 import Image from "next/image";
 import { IconX, IconMenuDeep } from "@tabler/icons-react";
 

diff --git a/src/app/components/timer.jsx b/src/app/components/timer.jsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
-import noise from "../../../public/noise.png";
+import noise from "../../../public/noise.webp";
 import { AnimatePresence, motion } from "framer-motion";
 import { IconRocket } from "@tabler/icons-react";
 import Link from "next/link";

diff --git a/src/app/sections/1-about/content.jsx b/src/app/sections/1-about/content.jsx
@@ -3,7 +3,7 @@
 import Parallax from "@/app/components/parallax";
 import { useRef } from "react";
 import { useInView, motion } from "framer-motion";
-import noise from "../../../../public/noise.png";
+import noise from "../../../../public/noise.webp";
 import { raleway } from "@/app/page";
 
 const Content = () => {

diff --git a/src/app/sections/1-about/graphicsData.jsx b/src/app/sections/1-about/graphicsData.jsx
@@ -1,10 +1,10 @@
-import bg from "../../../../public/images/about/bg.png";
-import cloud_br from "../../../../public/images/about/cloud_br.png";
-import cloud_tl from "../../../../public/images/about/cloud_tl.png";
-import planet_br_1 from "../../../../public/images/about/planet_br_1.png";
-import planet_br_2 from "../../../../public/images/about/planet_br_2.png";
-import planet_tr from "../../../../public/images/about/planet_tr.png";
-import planet_bl from "../../../../public/images/about/planet_bl.png";
-import ufo from "../../../../public/images/about/ufo.png";
+import bg from "../../../../public/images/about/bg.webp";
+import cloud_br from "../../../../public/images/about/cloud_br.webp";
+import cloud_tl from "../../../../public/images/about/cloud_tl.webp";
+import planet_br_1 from "../../../../public/images/about/planet_br_1.webp";
+import planet_br_2 from "../../../../public/images/about/planet_br_2.webp";
+import planet_tr from "../../../../public/images/about/planet_tr.webp";
+import planet_bl from "../../../../public/images/about/planet_bl.webp";
+import ufo from "../../../../public/images/about/ufo.webp";
 
 export { bg, cloud_br, cloud_tl, planet_br_1, planet_br_2, planet_tr, planet_bl, ufo };
diff --git a/src/app/sections/2-tracks/content.jsx b/src/app/sections/2-tracks/content.jsx
@@ -3,7 +3,7 @@
 import { useRef } from "react";
 import { Raleway } from "next/font/google";
 import { useInView, motion } from "framer-motion";
-import noise from "../../../../public/noise.png";
+import noise from "../../../../public/noise.webp";
 import Image from "next/image";
 
 const raleway = Raleway({

diff --git a/src/app/sections/2-tracks/graphicsData.jsx b/src/app/sections/2-tracks/graphicsData.jsx
@@ -1,13 +1,13 @@
-import bg from "../../../../public/images/tracks/bg.png";
-import asteroid_1 from "../../../../public/images/tracks/asteroid_1.png";
-import asteroid_2 from "../../../../public/images/tracks/asteroid_2.png";
-import asteroid_3 from "../../../../public/images/tracks/asteroid_3.png";
-import asteroid_4 from "../../../../public/images/tracks/asteroid_4.png";
-import asteroid_small_1 from "../../../../public/images/tracks/asteroid_small_1.png";
-import asteroid_small_2 from "../../../../public/images/tracks/asteroid_small_2.png";
-import asteroid_small_3 from "../../../../public/images/tracks/asteroid_small_3.png";
-import asteroid_small_4 from "../../../../public/images/tracks/asteroid_small_4.png";
-import planet from "../../../../public/images/tracks/planet.png";
+import bg from "../../../../public/images/tracks/bg.webp";
+import asteroid_1 from "../../../../public/images/tracks/asteroid_1.webp";
+import asteroid_2 from "../../../../public/images/tracks/asteroid_2.webp";
+import asteroid_3 from "../../../../public/images/tracks/asteroid_3.webp";
+import asteroid_4 from "../../../../public/images/tracks/asteroid_4.webp";
+import asteroid_small_1 from "../../../../public/images/tracks/asteroid_small_1.webp";
+import asteroid_small_2 from "../../../../public/images/tracks/asteroid_small_2.webp";
+import asteroid_small_3 from "../../../../public/images/tracks/asteroid_small_3.webp";
+import asteroid_small_4 from "../../../../public/images/tracks/asteroid_small_4.webp";
+import planet from "../../../../public/images/tracks/planet.webp";
 
 export {
   bg,

diff --git a/src/app/sections/3-schedule/content.jsx b/src/app/sections/3-schedule/content.jsx
@@ -6,7 +6,7 @@ import { Raleway } from "next/font/google";
 import { useInView, motion, AnimatePresence } from "framer-motion";
 import data from "./data.json";
 import { IconArrowLeft, IconArrowRight } from "@tabler/icons-react";
-import noise from "../../../../public/noise.png";
+import noise from "../../../../public/noise.webp";
 
 const raleway = Raleway({
   subsets: ["latin"],

diff --git a/src/app/sections/3-schedule/graphicsData.jsx b/src/app/sections/3-schedule/graphicsData.jsx
@@ -1,11 +1,11 @@
-import bg from "../../../../public/images/schedule/bg.png";
-import alien_l from "../../../../public/images/schedule/alien_l.png";
-import alien_r from "../../../../public/images/schedule/alien_r.png";
-import comet_c from "../../../../public/images/schedule/comet_c.png";
-import comet_l from "../../../../public/images/schedule/comet_l.png";
-import comet_r from "../../../../public/images/schedule/comet_r.png";
-import transition_bg from "../../../../public/images/schedule/transition/bg.png";
-import transition_cloud_l from "../../../../public/images/schedule/transition/cloud_l.png";
-import transition_cloud_r from "../../../../public/images/schedule/transition/cloud_r.png";
+import bg from "../../../../public/images/schedule/bg.webp";
+import alien_l from "../../../../public/images/schedule/alien_l.webp";
+import alien_r from "../../../../public/images/schedule/alien_r.webp";
+import comet_c from "../../../../public/images/schedule/comet_c.webp";
+import comet_l from "../../../../public/images/schedule/comet_l.webp";
+import comet_r from "../../../../public/images/schedule/comet_r.webp";
+import transition_bg from "../../../../public/images/schedule/transition/bg.webp";
+import transition_cloud_l from "../../../../public/images/schedule/transition/cloud_l.webp";
+import transition_cloud_r from "../../../../public/images/schedule/transition/cloud_r.webp";
 
 export { bg, alien_l, alien_r, comet_c, comet_l, comet_r, transition_bg, transition_cloud_l, transition_cloud_r };
diff --git a/src/app/sections/4-speakers/content.jsx b/src/app/sections/4-speakers/content.jsx
@@ -4,7 +4,7 @@ import { useRef } from "react";
 import { Raleway } from "next/font/google";
 import { useInView, motion } from "framer-motion";
 import data from "./data.json";
-import noise from "../../../../public/noise.png";
+import noise from "../../../../public/noise.webp";
 import Image from "next/image";
 
 const raleway = Raleway({

diff --git a/src/app/sections/4-speakers/graphics.jsx b/src/app/sections/4-speakers/graphics.jsx
@@ -1,7 +1,7 @@
 "use client";
 
 import Image from "next/image";
-import general_bg from "../../../../public/images/general_bg.png";
+import general_bg from "../../../../public/images/general_bg.webp";
 
 const Graphics = () => {
   return (

diff --git a/src/app/sections/5-faq/content.jsx b/src/app/sections/5-faq/content.jsx
@@ -2,7 +2,7 @@
 
 import { useRef, useState } from "react";
 import { useInView, motion } from "framer-motion";
-import noise from "../../../../public/noise.png";
+import noise from "../../../../public/noise.webp";
 import { raleway } from "@/app/page";
 import data from "./data.json";
 import { IconCaretDownFilled } from "@tabler/icons-react";

diff --git a/src/app/sections/5-faq/graphicsData.jsx b/src/app/sections/5-faq/graphicsData.jsx
@@ -1,8 +1,8 @@
-import general_bg from "../../../../public/images/general_bg.png";
-import transition_l_bg from "../../../../public/images/faq/transition_l/bg.png";
-import transition_r_bg from "../../../../public/images/faq/transition_r/bg.png";
-import transition_l_cloud from "../../../../public/images/faq/transition_l/cloud.png";
-import transition_r_cloud from "../../../../public/images/faq/transition_r/cloud.png";
+import general_bg from "../../../../public/images/general_bg.webp";
+import transition_l_bg from "../../../../public/images/faq/transition_l/bg.webp";
+import transition_r_bg from "../../../../public/images/faq/transition_r/bg.webp";
+import transition_l_cloud from "../../../../public/images/faq/transition_l/cloud.webp";
+import transition_r_cloud from "../../../../public/images/faq/transition_r/cloud.webp";
 
 export {
   general_bg,

diff --git a/src/app/sections/6-sponsors/content.jsx b/src/app/sections/6-sponsors/content.jsx
@@ -3,11 +3,11 @@
 import { AnimatePresence, motion, useInView } from "framer-motion";
 import Image from "next/image";
 import { useRef, useState } from "react";
-import cnr from "../../../../public/images/sponsors/cnr.png";
-import emorynlp from "../../../../public/images/sponsors/emorynlp.png";
-import hyundai from "../../../../public/images/sponsors/hyundai.png";
-import jpmorgan from "../../../../public/images/sponsors/jpmorgan.png";
-import noise from "../../../../public/noise.png";
+import cnr from "../../../../public/images/sponsors/cnr.webp";
+import emorynlp from "../../../../public/images/sponsors/emorynlp.webp";
+import hyundai from "../../../../public/images/sponsors/hyundai.webp";
+import jpmorgan from "../../../../public/images/sponsors/jpmorgan.webp";
+import noise from "../../../../public/noise.webp";
 import Link from "next/link";
 
 const Content = () => {

diff --git a/src/app/sections/6-sponsors/graphics.jsx b/src/app/sections/6-sponsors/graphics.jsx
@@ -1,7 +1,7 @@
 "use client";
 
 import Image from "next/image";
-import general_bg from "../../../../public/images/general_bg.png";
+import general_bg from "../../../../public/images/general_bg.webp";
 
 const Graphics = () => {
   return (

diff --git a/src/app/sections/7-footer/content.jsx b/src/app/sections/7-footer/content.jsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Raleway } from "next/font/google";
-import logo from "../../../../public/logo.png";
+import logo from "../../../../public/logo.webp";
 import Image from "next/image";
 import Link from "next/link";
 import { motion } from "framer-motion";

diff --git a/src/app/sections/7-footer/graphicsData.jsx b/src/app/sections/7-footer/graphicsData.jsx
@@ -1,5 +1,5 @@
-import bg from "../../../../public/images/footer/bg.png";
-import clouds from "../../../../public/images/footer/clouds.png";
-import rocket from "../../../../public/images/footer/rocket.png";
+import bg from "../../../../public/images/footer/bg.webp";
+import clouds from "../../../../public/images/footer/clouds.webp";
+import rocket from "../../../../public/images/footer/rocket.webp";
 
 export { bg, clouds, rocket };