diff --git a/templates/partials/nav.html b/templates/partials/nav.html
index 02b5087..3d99fa9 100644
--- a/templates/partials/nav.html
+++ b/templates/partials/nav.html
@@ -14,8 +14,8 @@
 			<label class="theme-switcher" for="themeswitch">
 				<input type="checkbox" id="themeswitch">
 				<div class="switch">
-					<img alt="set dark theme" class="moon" src="{{ config.base_url }}/menu_icon/moon.png">
-					<img alt="set light theme" class="sun" src="{{config.base_url}}/menu_icon/sun.png">
+					<img alt="set dark theme" class="moon" src="{{ config.base_url }}/menu_icon/moon.webp">
+					<img alt="set light theme" class="sun" src="{{config.base_url}}/menu_icon/sun.webp">
 				</div>
 			</label>
 		</div>