diff --git a/website/assets/NewLogoIcon_40.webp b/website/assets/NewLogoIcon_40.webp
new file mode 100644
index 0000000..12fa074
Binary files /dev/null and b/website/assets/NewLogoIcon_40.webp differ
diff --git a/website/assets/NewLogoIcon_80.webp b/website/assets/NewLogoIcon_80.webp
new file mode 100644
index 0000000..9ac7ac4
Binary files /dev/null and b/website/assets/NewLogoIcon_80.webp differ
diff --git a/website/index.html b/website/index.html
index f13ee55..305b8f8 100644
--- a/website/index.html
+++ b/website/index.html
@@ -102,7 +102,7 @@
     <nav>
         <div class="container nav-content">
             <div class="logo-area">
-                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
+                <img src="assets/NewLogoIcon_80.webp" srcset="assets/NewLogoIcon_40.webp 40w, assets/NewLogoIcon_80.webp 80w, assets/NewLogoIcon.webp 200w" sizes="40px" alt="KoalaSync Logo" width="40" height="40">
                 <span>KoalaSync</span>
                 <div id="nav-extension-status" class="nav-ext-status" style="display: none;">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" width="12" height="12"><polyline points="20 6 9 17 4 12"></polyline></svg>