diff --git a/layouts/partials/logo.html b/layouts/partials/logo.html
index 77d5e11..e9da4d5 100644
--- a/layouts/partials/logo.html
+++ b/layouts/partials/logo.html
@@ -2,26 +2,31 @@
   {{- $logo := resources.Get .Site.Params.header.logo }}
   {{- $logo_dark := resources.Get .Site.Params.header.logoDark }}
   {{- if $logo }}
-    {{- $logoResized := $logo.Resize (printf "%dx" (div $logo.Width 2)) }}
-    {{- $logoDarkResized := "" }}
+    {{- $logoResized1x := $logo.Resize "160x webp" }}
+    {{- $logoResized2x := $logo.Resize "320x webp" }}
+    {{- $logoDarkResized1x := "" }}
+    {{- $logoDarkResized2x := "" }}
     {{- if $logo_dark }}
-      {{- $logoDarkResized = $logo_dark.Resize (printf "%dx" (div $logo_dark.Width 2)) }}
+      {{- $logoDarkResized1x = $logo_dark.Resize "160x webp" }}
+      {{- $logoDarkResized2x = $logo_dark.Resize "320x webp" }}
     {{- end }}
     <a href="{{ "" | relLangURL }}" class="mr-2">
       <!-- prettier-ignore-attribute -->
       <img
-        src="{{ $logoResized.RelPermalink }}"
-        width="{{ $logoResized.Width }}"
-        height="{{ $logoResized.Height }}"
+        src="{{ $logoResized1x.RelPermalink }}"
+        srcset="{{ $logoResized1x.RelPermalink }} 1x, {{ $logoResized2x.RelPermalink }} 2x"
+        width="{{ $logoResized1x.Width }}"
+        height="{{ $logoResized1x.Height }}"
         class="max-h-[10rem] max-w-[10rem] object-scale-down object-left
         {{ if $logo_dark }}hidden dark:flex{{ end }}"
         alt="{{ .Site.Title }}"
       />
       {{- if $logo_dark }}
         <img
-          src="{{ $logoDarkResized.RelPermalink }}"
-          width="{{ $logoDarkResized.Width }}"
-          height="{{ $logoDarkResized.Height }}"
+          src="{{ $logoDarkResized1x.RelPermalink }}"
+          srcset="{{ $logoDarkResized1x.RelPermalink }} 1x, {{ $logoDarkResized2x.RelPermalink }} 2x"
+          width="{{ $logoDarkResized1x.Width }}"
+          height="{{ $logoDarkResized1x.Height }}"
           class="max-h-[10rem] max-w-[10rem] object-scale-down object-left dark:hidden"
           alt="{{ .Site.Title }}"
         />