diff --git a/assets/img/CompLogo16x.jxl b/assets/img/CompLogo16x.jxl
new file mode 100644
index 0000000..7aef3d8
Binary files /dev/null and b/assets/img/CompLogo16x.jxl differ
diff --git a/assets/img/CompLogo180x.jxl b/assets/img/CompLogo180x.jxl
new file mode 100644
index 0000000..6d7d16c
Binary files /dev/null and b/assets/img/CompLogo180x.jxl differ
diff --git a/assets/img/Rscreenshots/IceSpikesR.jxl b/assets/img/Rscreenshots/IceSpikesR.jxl
new file mode 100644
index 0000000..18cf4a1
Binary files /dev/null and b/assets/img/Rscreenshots/IceSpikesR.jxl differ
diff --git a/assets/img/Rscreenshots/customVillage.jxl b/assets/img/Rscreenshots/customVillage.jxl
new file mode 100644
index 0000000..111a500
Binary files /dev/null and b/assets/img/Rscreenshots/customVillage.jxl differ
diff --git a/assets/img/Rscreenshots/dragonBeams.jxl b/assets/img/Rscreenshots/dragonBeams.jxl
new file mode 100644
index 0000000..b6dfd63
Binary files /dev/null and b/assets/img/Rscreenshots/dragonBeams.jxl differ
diff --git a/assets/img/Rscreenshots/oldGrowthR.jxl b/assets/img/Rscreenshots/oldGrowthR.jxl
new file mode 100644
index 0000000..2c9fb43
Binary files /dev/null and b/assets/img/Rscreenshots/oldGrowthR.jxl differ
diff --git a/assets/img/Rscreenshots/underwater.jxl b/assets/img/Rscreenshots/underwater.jxl
new file mode 100644
index 0000000..af37567
Binary files /dev/null and b/assets/img/Rscreenshots/underwater.jxl differ
diff --git a/assets/img/Taiga.jxl b/assets/img/Taiga.jxl
new file mode 100644
index 0000000..dbde8bd
Binary files /dev/null and b/assets/img/Taiga.jxl differ
diff --git a/assets/img/companylogo/discord.jxl b/assets/img/companylogo/discord.jxl
new file mode 100644
index 0000000..889f00a
Binary files /dev/null and b/assets/img/companylogo/discord.jxl differ
diff --git a/assets/img/companylogo/discord2.jxl b/assets/img/companylogo/discord2.jxl
new file mode 100644
index 0000000..5d39502
Binary files /dev/null and b/assets/img/companylogo/discord2.jxl differ
diff --git a/assets/img/companylogo/github.jxl b/assets/img/companylogo/github.jxl
new file mode 100644
index 0000000..067a9ca
Binary files /dev/null and b/assets/img/companylogo/github.jxl differ
diff --git a/assets/img/companylogo/github2.jxl b/assets/img/companylogo/github2.jxl
new file mode 100644
index 0000000..7f6f351
Binary files /dev/null and b/assets/img/companylogo/github2.jxl differ
diff --git a/assets/img/companylogo/patreon.jxl b/assets/img/companylogo/patreon.jxl
new file mode 100644
index 0000000..03ab15d
Binary files /dev/null and b/assets/img/companylogo/patreon.jxl differ
diff --git a/assets/img/companylogo/patreon2.jxl b/assets/img/companylogo/patreon2.jxl
new file mode 100644
index 0000000..1023365
Binary files /dev/null and b/assets/img/companylogo/patreon2.jxl differ
diff --git a/assets/img/end.jxl b/assets/img/end.jxl
new file mode 100644
index 0000000..303ce82
Binary files /dev/null and b/assets/img/end.jxl differ
diff --git a/assets/img/reimage.jxl b/assets/img/reimage.jxl
new file mode 100644
index 0000000..31a3e5f
Binary files /dev/null and b/assets/img/reimage.jxl differ
diff --git a/assets/img/v4image.jxl b/assets/img/v4image.jxl
new file mode 100644
index 0000000..7214fbd
Binary files /dev/null and b/assets/img/v4image.jxl differ
diff --git a/assets/img/v4screenshots/GiantTaiga.jxl b/assets/img/v4screenshots/GiantTaiga.jxl
new file mode 100644
index 0000000..2f203f3
Binary files /dev/null and b/assets/img/v4screenshots/GiantTaiga.jxl differ
diff --git a/assets/img/v4screenshots/IceSpikes.jxl b/assets/img/v4screenshots/IceSpikes.jxl
new file mode 100644
index 0000000..fe97144
Binary files /dev/null and b/assets/img/v4screenshots/IceSpikes.jxl differ
diff --git a/assets/img/v4screenshots/MountainsNearOcean.jxl b/assets/img/v4screenshots/MountainsNearOcean.jxl
new file mode 100644
index 0000000..5b583e8
Binary files /dev/null and b/assets/img/v4screenshots/MountainsNearOcean.jxl differ
diff --git a/assets/img/v4screenshots/endcity.jxl b/assets/img/v4screenshots/endcity.jxl
new file mode 100644
index 0000000..f9f3ecf
Binary files /dev/null and b/assets/img/v4screenshots/endcity.jxl differ
diff --git a/assets/img/v4screenshots/jungle.jxl b/assets/img/v4screenshots/jungle.jxl
new file mode 100644
index 0000000..f678776
Binary files /dev/null and b/assets/img/v4screenshots/jungle.jxl differ
diff --git a/reimagined/index.html b/reimagined/index.html
index 5ff9434..e8eda95 100644
--- a/reimagined/index.html
+++ b/reimagined/index.html
@@ -66,7 +66,7 @@
                         </li>
                     </ul>
                 </div>
-            </div>   
+            </div>
         </nav><!-- /.site-navigation -->
     </header><!-- /#mastheaed -->
 
@@ -99,11 +99,26 @@ <h1>Complementary<br><span style="color: var(--ThemeColor)">Reimagined Shaders</
             <div class="hero-text">
                 <h2>Screenshots</h2>
             </div>
-            <img src="/assets/img/Rscreenshots/oldGrowthR.jpg" loading="lazy"></img>
-            <img src="/assets/img/Rscreenshots/IceSpikesR.jpg" loading="lazy"></img>
-            <img src="/assets/img/Rscreenshots/customVillage.jpg" loading="lazy"></img>
-            <img src="/assets/img/Rscreenshots/underwater.jpg" loading="lazy"></img>
-            <img src="/assets/img/Rscreenshots/dragonBeams.jpg" loading="lazy"></img>
+            <picture>
+                <source srcset="/assets/img/Rscreenshots/oldGrowthR.jxl" type="image/jxl" />
+                <img src="/assets/img/Rscreenshots/oldGrowthR.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/Rscreenshots/IceSpikesR.jxl" type="image/jxl" />
+                <img src="/assets/img/Rscreenshots/IceSpikesR.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/Rscreenshots/customVillage.jxl" type="image/jxl" />
+                <img src="/assets/img/Rscreenshots/customVillage.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/Rscreenshots/underwater.jxl" type="image/jxl" />
+                <img src="/assets/img/Rscreenshots/underwater.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/Rscreenshots/dragonBeams.jxl" type="image/jxl" />
+                <img src="/assets/img/Rscreenshots/dragonBeams.jpg" loading="lazy" />
+            </picture>
         </section><!-- /.section-screenshots -->
     </main><!-- /#main -->
 
diff --git a/shaders-v4/index.html b/shaders-v4/index.html
index 4ae1d41..b5d458b 100644
--- a/shaders-v4/index.html
+++ b/shaders-v4/index.html
@@ -66,7 +66,7 @@
                         </li>
                     </ul>
                 </div>
-            </div>   
+            </div>
         </nav><!-- /.site-navigation -->
     </header><!-- /#mastheaed -->
 
@@ -94,11 +94,26 @@ <h1>Complementary Shaders <span style="color: var(--ThemeColor)">Version 4</span
             <div class="hero-text">
                 <h2>Screenshots</h2>
             </div>
-            <img src="/assets/img/v4screenshots/GiantTaiga.jpg" loading="lazy"></img>
-            <img src="/assets/img/v4screenshots/jungle.jpg" loading="lazy"></img>
-            <img src="/assets/img/v4screenshots/IceSpikes.jpg" loading="lazy"></img>
-            <img src="/assets/img/v4screenshots/MountainsNearOcean.jpg" loading="lazy"></img>
-            <img src="/assets/img/v4screenshots/endcity.jpg" loading="lazy"></img>
+            <picture>
+                <source srcset="/assets/img/v4screenshots/GiantTaiga.jxl" type="image/jxl" />
+                <img src="/assets/img/v4screenshots/GiantTaiga.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/v4screenshots/jungle.jxl" type="image/jxl" />
+                <img src="/assets/img/v4screenshots/jungle.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/v4screenshots/IceSpikes.jxl" type="image/jxl" />
+                <img src="/assets/img/v4screenshots/IceSpikes.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/v4screenshots/MountainsNearOcean.jxl" type="image/jxl" />
+                <img src="/assets/img/v4screenshots/MountainsNearOcean.jpg" loading="lazy" />
+            </picture>
+            <picture>
+                <source srcset="/assets/img/v4screenshots/endcity.jpg" type="image/jxl" />
+                <img src="/assets/img/v4screenshots/endcity.jpg" loading="lazy" />
+            </picture>
         </section><!-- /.section-screenshots -->
     </main><!-- /#main -->