Re-encode images as webp to take up way less space

bbrk24 · Oct 27, 2024 · 38d57cc · 38d57cc
1 parent b9f19b1
commit 38d57cc
Show file tree

Hide file tree

Showing 266 changed files with 18 additions and 15 deletions.
diff --git a/img/300SLRoadster.png b/img/300SLRoadster.png
diff --git a/img/300SLRoadster.webp b/img/300SLRoadster.webp
diff --git a/img/AncientTires.png b/img/AncientTires.png
diff --git a/img/AncientTires.webp b/img/AncientTires.webp
diff --git a/img/AzureRoller.png b/img/AzureRoller.png
diff --git a/img/AzureRoller.webp b/img/AzureRoller.webp
diff --git a/img/BDasher.png b/img/BDasher.png
diff --git a/img/BDasher.webp b/img/BDasher.webp
diff --git a/img/BabyDaisy.png b/img/BabyDaisy.png
diff --git a/img/BabyDaisy.webp b/img/BabyDaisy.webp
diff --git a/img/BabyLuigi.png b/img/BabyLuigi.png
diff --git a/img/BabyLuigi.webp b/img/BabyLuigi.webp
diff --git a/img/BabyMario.png b/img/BabyMario.png
diff --git a/img/BabyMario.webp b/img/BabyMario.webp
diff --git a/img/BabyPeach.png b/img/BabyPeach.png
diff --git a/img/BabyPeach.webp b/img/BabyPeach.webp
diff --git a/img/BabyRosalina.png b/img/BabyRosalina.png
diff --git a/img/BabyRosalina.webp b/img/BabyRosalina.webp
diff --git a/img/Badwagon.png b/img/Badwagon.png
diff --git a/img/Badwagon.webp b/img/Badwagon.webp
diff --git a/img/Biddybuggy.png b/img/Biddybuggy.png
diff --git a/img/Biddybuggy.webp b/img/Biddybuggy.webp
diff --git a/img/Birdo.png b/img/Birdo.png
diff --git a/img/Birdo.webp b/img/Birdo.webp
diff --git a/img/BlueFalcon.png b/img/BlueFalcon.png
diff --git a/img/BlueFalcon.webp b/img/BlueFalcon.webp
diff --git a/img/BlueStandard.png b/img/BlueStandard.png
diff --git a/img/BlueStandard.webp b/img/BlueStandard.webp
diff --git a/img/BoneRattler.png b/img/BoneRattler.png
diff --git a/img/BoneRattler.webp b/img/BoneRattler.webp
diff --git a/img/Bowser.png b/img/Bowser.png
diff --git a/img/Bowser.webp b/img/Bowser.webp
diff --git a/img/BowserJr.png b/img/BowserJr.png
diff --git a/img/BowserJr.webp b/img/BowserJr.webp
diff --git a/img/BowserKite.png b/img/BowserKite.png
diff --git a/img/BowserKite.webp b/img/BowserKite.webp
diff --git a/img/Button.png b/img/Button.png
diff --git a/img/Button.webp b/img/Button.webp
diff --git a/img/CatCruiser.png b/img/CatCruiser.png
diff --git a/img/CatCruiser.webp b/img/CatCruiser.webp
diff --git a/img/CatPeach.png b/img/CatPeach.png
diff --git a/img/CatPeach.webp b/img/CatPeach.webp
diff --git a/img/CircuitSpecial.png b/img/CircuitSpecial.png
diff --git a/img/CircuitSpecial.webp b/img/CircuitSpecial.webp
diff --git a/img/CityTripper.png b/img/CityTripper.png
diff --git a/img/CityTripper.webp b/img/CityTripper.webp
diff --git a/img/CloudGlider.png b/img/CloudGlider.png
diff --git a/img/CloudGlider.webp b/img/CloudGlider.webp
diff --git a/img/Comet.png b/img/Comet.png
diff --git a/img/Comet.webp b/img/Comet.webp
diff --git a/img/CrimsonSlim.png b/img/CrimsonSlim.png
diff --git a/img/CrimsonSlim.webp b/img/CrimsonSlim.webp
diff --git a/img/Cushion.png b/img/Cushion.png
diff --git a/img/Cushion.webp b/img/Cushion.webp
diff --git a/img/CyberSlick.png b/img/CyberSlick.png
diff --git a/img/CyberSlick.webp b/img/CyberSlick.webp
diff --git a/img/Daisy.png b/img/Daisy.png
diff --git a/img/Daisy.webp b/img/Daisy.webp
diff --git a/img/DiddyKong.png b/img/DiddyKong.png
diff --git a/img/DiddyKong.webp b/img/DiddyKong.webp
diff --git a/img/DonkeyKong.png b/img/DonkeyKong.png
diff --git a/img/DonkeyKong.webp b/img/DonkeyKong.webp
diff --git a/img/DryBones.png b/img/DryBones.png
diff --git a/img/DryBones.webp b/img/DryBones.webp
diff --git a/img/DryBowser.png b/img/DryBowser.png
diff --git a/img/DryBowser.webp b/img/DryBowser.webp
diff --git a/img/FlameRider.png b/img/FlameRider.png
diff --git a/img/FlameRider.webp b/img/FlameRider.webp
diff --git a/img/FlowerGlider.png b/img/FlowerGlider.png
diff --git a/img/FlowerGlider.webp b/img/FlowerGlider.webp
diff --git a/img/FunkyKong.png b/img/FunkyKong.png
diff --git a/img/FunkyKong.webp b/img/FunkyKong.webp
diff --git a/img/GLA.png b/img/GLA.png
diff --git a/img/GLA.webp b/img/GLA.webp
diff --git a/img/GLATires.png b/img/GLATires.png
diff --git a/img/GLATires.webp b/img/GLATires.webp
diff --git a/img/GoldGlider.png b/img/GoldGlider.png
diff --git a/img/GoldGlider.webp b/img/GoldGlider.webp
diff --git a/img/GoldStandard.png b/img/GoldStandard.png
diff --git a/img/GoldStandard.webp b/img/GoldStandard.webp
diff --git a/img/GoldTires.png b/img/GoldTires.png
diff --git a/img/GoldTires.webp b/img/GoldTires.webp
diff --git a/img/HeavyMii.png b/img/HeavyMii.png
diff --git a/img/HeavyMii.webp b/img/HeavyMii.webp
diff --git a/img/HotMonster.png b/img/HotMonster.png
diff --git a/img/HotMonster.webp b/img/HotMonster.webp
diff --git a/img/HylianKite.png b/img/HylianKite.png
diff --git a/img/HylianKite.webp b/img/HylianKite.webp
diff --git a/img/Iggy.png b/img/Iggy.png
diff --git a/img/Iggy.webp b/img/Iggy.webp
diff --git a/img/InklingBoy.png b/img/InklingBoy.png
diff --git a/img/InklingBoy.webp b/img/InklingBoy.webp
diff --git a/img/InklingGirl.png b/img/InklingGirl.png
diff --git a/img/InklingGirl.webp b/img/InklingGirl.webp
diff --git a/img/Inkstriker.png b/img/Inkstriker.png
diff --git a/img/Inkstriker.webp b/img/Inkstriker.webp
diff --git a/img/Isabelle.png b/img/Isabelle.png
diff --git a/img/Isabelle.webp b/img/Isabelle.webp
diff --git a/img/JetBike.png b/img/JetBike.png
diff --git a/img/JetBike.webp b/img/JetBike.webp
diff --git a/img/Kamek.png b/img/Kamek.png
diff --git a/img/Kamek.webp b/img/Kamek.webp
diff --git a/img/KingBoo.png b/img/KingBoo.png
diff --git a/img/KingBoo.webp b/img/KingBoo.webp
diff --git a/img/KoopaClown.png b/img/KoopaClown.png
diff --git a/img/KoopaClown.webp b/img/KoopaClown.webp
diff --git a/img/KoopaTroopa.png b/img/KoopaTroopa.png
diff --git a/img/KoopaTroopa.webp b/img/KoopaTroopa.webp
diff --git a/img/Lakitu.png b/img/Lakitu.png
diff --git a/img/Lakitu.webp b/img/Lakitu.webp
diff --git a/img/Landship.png b/img/Landship.png
diff --git a/img/Landship.webp b/img/Landship.webp
diff --git a/img/Larry.png b/img/Larry.png
diff --git a/img/Larry.webp b/img/Larry.webp
diff --git a/img/LeafTires.png b/img/LeafTires.png
diff --git a/img/LeafTires.webp b/img/LeafTires.webp
diff --git a/img/Lemmy.png b/img/Lemmy.png
diff --git a/img/Lemmy.webp b/img/Lemmy.webp
diff --git a/img/LightMii.png b/img/LightMii.png
diff --git a/img/LightMii.webp b/img/LightMii.webp
diff --git a/img/Link.png b/img/Link.png
diff --git a/img/Link.webp b/img/Link.webp
diff --git a/img/Ludwig.png b/img/Ludwig.png
diff --git a/img/Ludwig.webp b/img/Ludwig.webp
diff --git a/img/Luigi.png b/img/Luigi.png
diff --git a/img/Luigi.webp b/img/Luigi.webp
diff --git a/img/MKTVParafoil.png b/img/MKTVParafoil.png
diff --git a/img/MKTVParafoil.webp b/img/MKTVParafoil.webp
diff --git a/img/Mach8.png b/img/Mach8.png
diff --git a/img/Mach8.webp b/img/Mach8.webp
diff --git a/img/Mario.png b/img/Mario.png
diff --git a/img/Mario.webp b/img/Mario.webp
diff --git a/img/MasterCycle.png b/img/MasterCycle.png
diff --git a/img/MasterCycle.webp b/img/MasterCycle.webp
diff --git a/img/MasterCycleZero.png b/img/MasterCycleZero.png
diff --git a/img/MasterCycleZero.webp b/img/MasterCycleZero.webp
diff --git a/img/MediumMii.png b/img/MediumMii.png
diff --git a/img/MediumMii.webp b/img/MediumMii.webp
diff --git a/img/Metal.png b/img/Metal.png
diff --git a/img/Metal.webp b/img/Metal.webp
diff --git a/img/MetalMario.png b/img/MetalMario.png
diff --git a/img/MetalMario.webp b/img/MetalMario.webp
diff --git a/img/Monster.png b/img/Monster.png
diff --git a/img/Monster.webp b/img/Monster.webp
diff --git a/img/Morton.png b/img/Morton.png
diff --git a/img/Morton.webp b/img/Morton.webp
diff --git a/img/MrScooty.png b/img/MrScooty.png
diff --git a/img/MrScooty.webp b/img/MrScooty.webp
diff --git a/img/OffRoad.png b/img/OffRoad.png
diff --git a/img/OffRoad.webp b/img/OffRoad.webp
diff --git a/img/PWing.png b/img/PWing.png
diff --git a/img/PWing.webp b/img/PWing.webp
diff --git a/img/PaperGlider.png b/img/PaperGlider.png
diff --git a/img/PaperGlider.webp b/img/PaperGlider.webp
diff --git a/img/Parachute.png b/img/Parachute.png
diff --git a/img/Parachute.webp b/img/Parachute.webp
diff --git a/img/Parafoil.png b/img/Parafoil.png
diff --git a/img/Parafoil.webp b/img/Parafoil.webp
diff --git a/img/Paraglider.png b/img/Paraglider.png
diff --git a/img/Paraglider.webp b/img/Paraglider.webp
diff --git a/img/Pauline.png b/img/Pauline.png
diff --git a/img/Pauline.webp b/img/Pauline.webp
diff --git a/img/Peach.png b/img/Peach.png
diff --git a/img/Peach.webp b/img/Peach.webp
diff --git a/img/PeachParasol.png b/img/PeachParasol.png
diff --git a/img/PeachParasol.webp b/img/PeachParasol.webp
diff --git a/img/Peachette.png b/img/Peachette.png
diff --git a/img/Peachette.webp b/img/Peachette.webp
diff --git a/img/PeteyPiranha.png b/img/PeteyPiranha.png
diff --git a/img/PeteyPiranha.webp b/img/PeteyPiranha.webp
diff --git a/img/PinkGoldPeach.png b/img/PinkGoldPeach.png
diff --git a/img/PinkGoldPeach.webp b/img/PinkGoldPeach.webp
diff --git a/img/PipeFrame.png b/img/PipeFrame.png
diff --git a/img/PipeFrame.webp b/img/PipeFrame.webp
diff --git a/img/PlaneGlider.png b/img/PlaneGlider.png
diff --git a/img/PlaneGlider.webp b/img/PlaneGlider.webp
diff --git a/img/Prancer.png b/img/Prancer.png
diff --git a/img/Prancer.webp b/img/Prancer.webp
diff --git a/img/RetroOffRoad.png b/img/RetroOffRoad.png
diff --git a/img/RetroOffRoad.webp b/img/RetroOffRoad.webp
diff --git a/img/Roller.png b/img/Roller.png
diff --git a/img/Roller.webp b/img/Roller.webp
diff --git a/img/Rosalina.png b/img/Rosalina.png
diff --git a/img/Rosalina.webp b/img/Rosalina.webp
diff --git a/img/Roy.png b/img/Roy.png
diff --git a/img/Roy.webp b/img/Roy.webp
diff --git a/img/ShyGuy.png b/img/ShyGuy.png
diff --git a/img/ShyGuy.webp b/img/ShyGuy.webp
diff --git a/img/Slick.png b/img/Slick.png
diff --git a/img/Slick.webp b/img/Slick.webp
diff --git a/img/Slim.png b/img/Slim.png
diff --git a/img/Slim.webp b/img/Slim.webp
diff --git a/img/Sneeker.png b/img/Sneeker.png
diff --git a/img/Sneeker.webp b/img/Sneeker.webp
diff --git a/img/SplatBuggy.png b/img/SplatBuggy.png
diff --git a/img/SplatBuggy.webp b/img/SplatBuggy.webp
diff --git a/img/Sponge.png b/img/Sponge.png
diff --git a/img/Sponge.webp b/img/Sponge.webp
diff --git a/img/SportBike.png b/img/SportBike.png
diff --git a/img/SportBike.webp b/img/SportBike.webp
diff --git a/img/SportsCoupe.png b/img/SportsCoupe.png
diff --git a/img/SportsCoupe.webp b/img/SportsCoupe.webp
diff --git a/img/Standard.png b/img/Standard.png
diff --git a/img/Standard.webp b/img/Standard.webp
diff --git a/img/StandardATV.png b/img/StandardATV.png
diff --git a/img/StandardATV.webp b/img/StandardATV.webp
diff --git a/img/StandardBike.png b/img/StandardBike.png
diff --git a/img/StandardBike.webp b/img/StandardBike.webp
diff --git a/img/StandardKart.png b/img/StandardKart.png
diff --git a/img/StandardKart.webp b/img/StandardKart.webp
diff --git a/img/SteelDriver.png b/img/SteelDriver.png
diff --git a/img/SteelDriver.webp b/img/SteelDriver.webp
diff --git a/img/Streetle.png b/img/Streetle.png
diff --git a/img/Streetle.webp b/img/Streetle.webp
diff --git a/img/SuperGlider.png b/img/SuperGlider.png
diff --git a/img/SuperGlider.webp b/img/SuperGlider.webp
diff --git a/img/TanookiKart.png b/img/TanookiKart.png
diff --git a/img/TanookiKart.webp b/img/TanookiKart.webp
diff --git a/img/TanookiMario.png b/img/TanookiMario.png
diff --git a/img/TanookiMario.webp b/img/TanookiMario.webp
diff --git a/img/TeddyBuggy.png b/img/TeddyBuggy.png
diff --git a/img/TeddyBuggy.webp b/img/TeddyBuggy.webp
diff --git a/img/TheDuke.png b/img/TheDuke.png
diff --git a/img/TheDuke.webp b/img/TheDuke.webp
diff --git a/img/Toad.png b/img/Toad.png
diff --git a/img/Toad.webp b/img/Toad.webp
diff --git a/img/Toadette.png b/img/Toadette.png
diff --git a/img/Toadette.webp b/img/Toadette.webp
diff --git a/img/TriSpeeder.png b/img/TriSpeeder.png
diff --git a/img/TriSpeeder.webp b/img/TriSpeeder.webp
diff --git a/img/TriforceTires.png b/img/TriforceTires.png
diff --git a/img/TriforceTires.webp b/img/TriforceTires.webp
diff --git a/img/Varmint.png b/img/Varmint.png
diff --git a/img/Varmint.webp b/img/Varmint.webp
diff --git a/img/VillagerBoy.png b/img/VillagerBoy.png
diff --git a/img/VillagerBoy.webp b/img/VillagerBoy.webp
diff --git a/img/VillagerGirl.png b/img/VillagerGirl.png
diff --git a/img/VillagerGirl.webp b/img/VillagerGirl.webp
diff --git a/img/W25SilverArrow.png b/img/W25SilverArrow.png
diff --git a/img/W25SilverArrow.webp b/img/W25SilverArrow.webp
diff --git a/img/WaddleWing.png b/img/WaddleWing.png
diff --git a/img/WaddleWing.webp b/img/WaddleWing.webp
diff --git a/img/Waluigi.png b/img/Waluigi.png
diff --git a/img/Waluigi.webp b/img/Waluigi.webp
diff --git a/img/Wario.png b/img/Wario.png
diff --git a/img/Wario.webp b/img/Wario.webp
diff --git a/img/WarioWing.png b/img/WarioWing.png
diff --git a/img/WarioWing.webp b/img/WarioWing.webp
diff --git a/img/Wendy.png b/img/Wendy.png
diff --git a/img/Wendy.webp b/img/Wendy.webp
diff --git a/img/Wiggler.png b/img/Wiggler.png
diff --git a/img/Wiggler.webp b/img/Wiggler.webp
diff --git a/img/WildWiggler.png b/img/WildWiggler.png
diff --git a/img/WildWiggler.webp b/img/WildWiggler.webp
diff --git a/img/Wood.png b/img/Wood.png
diff --git a/img/Wood.webp b/img/Wood.webp
diff --git a/img/Yoshi.png b/img/Yoshi.png
diff --git a/img/Yoshi.webp b/img/Yoshi.webp
diff --git a/img/YoshiBike.png b/img/YoshiBike.png
diff --git a/img/YoshiBike.webp b/img/YoshiBike.webp
diff --git a/img/unknown.png b/img/unknown.png
diff --git a/img/unknown.webp b/img/unknown.webp
diff --git a/index.html b/index.html
@@ -350,10 +350,10 @@
       </thead>
       <tbody id="output">
         <tr>
-          <td><img src="./img/Mario.png" alt="Mario" title="Mario" /><img src="./img/Ludwig.png" alt="Ludwig" title="Ludwig" /><img src="./img/MediumMii.png" alt="MediumMii" title="Medium Mii" /></td>
-          <td><img src="./img/StandardKart.png" alt="StandardKart" title="Standard Kart" /><img src="./img/TheDuke.png" alt="TheDuke" title="The Duke" /></td>
-          <td><img src="./img/Standard.png" alt="Standard" title="Standard" /><img src="./img/BlueStandard.png" alt="BlueStandard" title="Blue Standard" /></td>
-          <td><img src="./img/SuperGlider.png" alt="SuperGlider" title="Super Glider" /><img src="./img/WaddleWing.png" alt="WaddleWing" title="Waddle Wing" /><img src="./img/HylianKite.png" alt="HylianKite" title="Hylian Kite" /></td>
+          <td><img src="./img/Mario.webp" alt="Mario" title="Mario" /><img src="./img/Ludwig.webp" alt="Ludwig" title="Ludwig" /><img src="./img/MediumMii.webp" alt="MediumMii" title="Medium Mii" /></td>
+          <td><img src="./img/StandardKart.webp" alt="StandardKart" title="Standard Kart" /><img src="./img/TheDuke.webp" alt="TheDuke" title="The Duke" /></td>
+          <td><img src="./img/Standard.webp" alt="Standard" title="Standard" /><img src="./img/BlueStandard.webp" alt="BlueStandard" title="Blue Standard" /></td>
+          <td><img src="./img/SuperGlider.webp" alt="SuperGlider" title="Super Glider" /><img src="./img/WaddleWing.webp" alt="WaddleWing" title="Waddle Wing" /><img src="./img/HylianKite.webp" alt="HylianKite" title="Hylian Kite" /></td>
         </tr>
       </tbody>
     </table>

diff --git a/package.json b/package.json
@@ -12,5 +12,8 @@
     },
     "devDependencies": {
         "express": "^5.0.1"
+    },
+    "engines": {
+        "node": "^18.18.0 || >=19.0.0"
     }
 }
diff --git a/src/imageCache.civet b/src/imageCache.civet
@@ -1,5 +1,5 @@
 class ImageCache
-    #map: Map<string, HTMLImageElement>
+    #map: Map string, HTMLImageElement
 
     @()
         #map = new Map
@@ -9,9 +9,9 @@ class ImageCache
             #map.get(name)!.cloneNode() as HTMLImageElement
         else
             document.createElement 'img'
-                ||> .src = `./img/${name}.png`
+                ||> .src = `./img/${name}.webp`
                 ||> .alt = name
                 ||> .title = name.replace /(?<=[^A-Z])[A-Z]|(?!^)[A-Z][a-z]|(?<=\D)\d/g, ' $&'
-                ||> #map@set name
+                ||> #map.set name, .
 
 export default cache := new ImageCache
diff --git a/src/index.civet b/src/index.civet
@@ -164,27 +164,27 @@ updatePreview := :void =>
     imgError .= false
 
     if characterName? := characterDropdown.selectedOptions.0?.dataset.name
-        characterImg.src = `./img/${characterName}.png`
+        characterImg.src = `./img/${characterName}.webp`
         for rival of currData.rivals[characterName] ?? []
             rival |> cache.getImage |> rivalImgContainer.appendChild
     else
-        characterImg.src = './img/unknown.png'
+        characterImg.src = './img/unknown.webp'
         imgError = true
 
     if kartName? := kartDropdown.selectedOptions.0?.dataset.name
-        kartImg.src = `./img/${kartName}.png`
+        kartImg.src = `./img/${kartName}.webp`
     else
-        kartImg.src = './img/unknown.png'
+        kartImg.src = './img/unknown.webp'
         imgError = true
     if wheelName? := wheelDropdown.selectedOptions.0?.dataset.name
-        wheelImg.src = `./img/${wheelName}.png`
+        wheelImg.src = `./img/${wheelName}.webp`
     else
-        wheelImg.src = './img/unknown.png'
+        wheelImg.src = './img/unknown.webp'
         imgError = true
     if gliderName? := gliderDropdown.selectedOptions.0?.dataset.name
-        gliderImg.src = `./img/${gliderName}.png`
+        gliderImg.src = `./img/${gliderName}.webp`
     else
-        gliderImg.src = './img/unknown.png'
+        gliderImg.src = './img/unknown.webp'
         imgError = true
 
     unless character? and kart? and wheel? and glider? and not imgError