diff --git a/aydinlatma.html b/aydinlatma.html
index 57e3df9..3bbf075 100644
--- a/aydinlatma.html
+++ b/aydinlatma.html
@@ -703,7 +703,10 @@
     <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top">
     </button>
     <footer id="footer" class="content-spacing">
-        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+        <picture>
+            <source srcset="resources/img/footer.webp" type="image/webp">
+            <img src="resources/img/footer.png" alt="Uğur Galeri">
+        </picture>
         <div class="footer-columns">
             <div class="footer-column">
                 <h1>Uğur Galeri</h1>
diff --git a/galeri.html b/galeri.html
index eca31c5..761d566 100644
--- a/galeri.html
+++ b/galeri.html
@@ -100,7 +100,10 @@
     </main>
     <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
-        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+        <picture>
+            <source srcset="resources/img/footer.webp" type="image/webp">
+            <img src="resources/img/footer.png" alt="Uğur Galeri">
+        </picture>
         <div class="footer-columns">
             <div class="footer-column">
                 <h1>Uğur Galeri</h1>
diff --git a/hakkimizda.html b/hakkimizda.html
index e1850ab..5bb1525 100644
--- a/hakkimizda.html
+++ b/hakkimizda.html
@@ -81,7 +81,10 @@
     </main>
     <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
-        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+        <picture>
+            <source srcset="resources/img/footer.webp" type="image/webp">
+            <img src="resources/img/footer.png" alt="Uğur Galeri">
+        </picture>
         <div class="footer-columns">
             <div class="footer-column">
                 <h1>Uğur Galeri</h1>
diff --git a/iletisim.html b/iletisim.html
index 40a384c..e513dde 100644
--- a/iletisim.html
+++ b/iletisim.html
@@ -89,7 +89,10 @@
     </main>
     <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
-        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+        <picture>
+            <source srcset="resources/img/footer.webp" type="image/webp">
+            <img src="resources/img/footer.png" alt="Uğur Galeri">
+        </picture>
         <div class="footer-columns">
             <div class="footer-column">
                 <h1>Uğur Galeri</h1>
diff --git a/index.html b/index.html
index 70de930..e0ff910 100644
--- a/index.html
+++ b/index.html
@@ -106,15 +106,33 @@
             <div id="social" class="social content-spacing ignore-vertical">
                 <p>Sosyal medyada<br>bizi takip<br>edin.</p>
                 <nav>
-                    <a class="social-button" href="https://www.facebook.com/ugurgaleri/"><img src="resources/img/social/facebook.png" alt="Facebook logo"></a>
-                    <a class="social-button" href="https://www.instagram.com/ugurgaleri/"><img src="resources/img/social/instagram.svg" alt="Instagram logo"></a>
-                    <a class="social-button" href="https://ugurgaleri1.sahibinden.com/"><img src="resources/img/social/sahibinden.png" alt="Sahibinden logo"></a>
+                    <a class="social-button" href="https://www.facebook.com/ugurgaleri/">
+                        <picture>
+                            <source srcset="resources/img/social/facebook.webp" type="image/webp">
+                            <img src="resources/img/social/facebook.png" width="32" height="32" alt="Facebook logo">
+                        </picture>
+                    </a>
+                    <a class="social-button" href="https://www.instagram.com/ugurgaleri/">
+                        <picture>
+                            <source srcset="resources/img/social/instagram.webp" type="image/webp">
+                            <img src="resources/img/social/instagram.png" width="32" height="32" alt="Instagram logo">
+                        </picture>
+                    </a>
+                    <a class="social-button" href="https://ugurgaleri1.sahibinden.com/">
+                        <picture>
+                            <source srcset="resources/img/social/sahibinden.webp" type="image/webp">
+                            <img src="resources/img/social/sahibinden.png" width="28" height="32" alt="Instagram logo">
+                        </picture>
+                    </a>
                 </nav>
             </div>
         </main>
         <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
         <footer id="footer" class="content-spacing">
-            <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+            <picture>
+                <source srcset="resources/img/footer.webp" type="image/webp">
+                <img src="resources/img/footer.png" alt="Uğur Galeri">
+            </picture>
             <div class="footer-columns">
                 <div class="footer-column">
                     <h1>Uğur Galeri</h1>
diff --git a/kamera.html b/kamera.html
index 1e1de1b..b7da7c7 100644
--- a/kamera.html
+++ b/kamera.html
@@ -115,7 +115,10 @@
     </main>
     <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
-        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+        <picture>
+            <source srcset="resources/img/footer.webp" type="image/webp">
+            <img src="resources/img/footer.png" alt="Uğur Galeri">
+        </picture>
         <div class="footer-columns">
             <div class="footer-column">
                 <h1>Uğur Galeri</h1>
diff --git a/scaffolding/footer.brick b/scaffolding/footer.brick
index 9b7ce0c..937bc46 100644
--- a/scaffolding/footer.brick
+++ b/scaffolding/footer.brick
@@ -1,5 +1,8 @@
     <footer id="footer" class="content-spacing">
-        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+                    <picture>
+                <source srcset="resources/img/footer.webp" type="image/webp">
+                <img src="resources/img/footer.png" alt="Uğur Galeri">
+            </picture>
         <div class="footer-columns">
             <div class="footer-column">
                 <h1>Uğur Galeri</h1>