ALLLLLLLL

index.html

@@ -243,21 +243,33 @@
       <div class="tabla">
         <div class="column">
           <a href="https://cloud.fosc.space">
-            <img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
+            <picture>
+              <source type="image/webp" srcset="icons/cloud-computing.webp">
+              <source type="image/png" srcset="icons/cloud-computing.png">
+              <img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
+            </picture>
           </a>
           <h4>Cloud</h4>
         </div>
         
         <div class="column">
           <a href="https://doc.fosc.space">
-            <img class="lazy" data-src="icons/book.png" alt="Wiki">
+            <picture>
+              <source type="image/webp" srcset="icons/book.webp">
+              <source type="image/png" srcset="icons/book.png">
+              <img class="lazy" data-src="icons/book.png" alt="Wiki">
+            </picture>
           </a>
           <h4>Wiki</h4>
         </div>
         
         <div class="column">
           <a href="https://rss.fosc.space">
-            <img class="lazy" data-src="icons/rss2.png" alt="RSS">
+            <picture>
+              <source type="image/webp" srcset="icons/rss2.webp">
+              <source type="image/png" srcset="icons/rss2.png">
+              <img class="lazy" data-src="icons/rss2.png" alt="RSS">
+            </picture>
           </a>
           <h4>RSS</h4>
         </div>
@@ -266,21 +278,33 @@
       <div class="tabla tabla2">
         <div class="column">
           <a href="https://netdata.fosc.space">
-            <img class="lazy" data-src="icons/chart.png" alt="NetData">
+            <picture>
+              <source type="image/webp" srcset="icons/chart.webp">
+              <source type="image/png" srcset="icons/chart.png">
+              <img class="lazy" data-src="icons/chart.png" alt="NetData">
+            </picture>
           </a>
           <h4>NetData</h4>
         </div>
         
         <div class="column">
           <a href="https://analytics.fosc.space">
-            <img class="lazy" data-src="icons/analytics.png" alt="Analytics">
+            <picture>
+              <source type="image/webp" srcset="icons/analytics.webp">
+              <source type="image/png" srcset="icons/analytics.png">
+              <img class="lazy" data-src="icons/analytics.png" alt="Analytics">
+            </picture>
           </a>
           <h4>Analytics</h4>
         </div>
         
         <div class="column">
           <a href="https://git.fosc.space">
-            <img class="lazy" data-src="icons/gitea.png" alt="Gitea">
+            <picture>
+              <source type="image/webp" srcset="icons/gitea.webp">
+              <source type="image/png" srcset="icons/gitea.png">
+              <img class="lazy" data-src="icons/gitea.png" alt="Gitea">
+            </picture>
           </a>
           <h4>Stolen Code</h4>
         </div>
@@ -323,7 +347,11 @@
   <footer>
     <hr>
     <div class="foot-logo">
-      <img class="lazy" data-src="img/Logo-invert.png">
+      <picture>
+        <source type="image/webp" srcset="img/Logo-invert.webp">
+        <source type="image/png" srcset="img/Logo-invert.png">
+        <img class="lazy" data-src="img/Logo-invert.png">
+      </picture>
       <a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a> 
       <div class="author">
       	<p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> and <a href="https://www.flaticon.com/authors/smalllikeart" title="Smalllikeart">Smalllikeart</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a>.</p>