diff --git a/icons/analytics.webp b/icons/analytics.webp
new file mode 100644
index 0000000..45fbf80
Binary files /dev/null and b/icons/analytics.webp differ
diff --git a/icons/book.webp b/icons/book.webp
new file mode 100644
index 0000000..5a89fc7
Binary files /dev/null and b/icons/book.webp differ
diff --git a/icons/chart.webp b/icons/chart.webp
new file mode 100644
index 0000000..942d69a
Binary files /dev/null and b/icons/chart.webp differ
diff --git a/icons/cloud-computing.webp b/icons/cloud-computing.webp
new file mode 100644
index 0000000..ba06567
Binary files /dev/null and b/icons/cloud-computing.webp differ
diff --git a/icons/files.webp b/icons/files.webp
new file mode 100644
index 0000000..d034ef6
Binary files /dev/null and b/icons/files.webp differ
diff --git a/icons/gitea.webp b/icons/gitea.webp
new file mode 100644
index 0000000..fa5ee48
Binary files /dev/null and b/icons/gitea.webp differ
diff --git a/icons/rss2.webp b/icons/rss2.webp
new file mode 100644
index 0000000..57cb17a
Binary files /dev/null and b/icons/rss2.webp differ
diff --git a/index.html b/index.html
index 900f502..01ff6df 100644
--- a/index.html
+++ b/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>