diff --git a/src/includes/blocks/hero.liquid b/src/includes/blocks/hero.liquid
index 19fb82b..7518632 100644
--- a/src/includes/blocks/hero.liquid
+++ b/src/includes/blocks/hero.liquid
@@ -5,7 +5,7 @@
     {{ globals.cdn_url }}{{ image }}?class=bannerbase&type=webp 1024w
   "
   sizes="(max-width: 450px) 256px,
-    (max-width: 850px) 512px
+    (max-width: 850px) 512px,
     1024px"
   src="{{ globals.cdn_url }}{{ image }}?class=bannersm&type=webp"
   alt="{{ alt | replaceQuotes }}"
diff --git a/src/includes/layout/header.liquid b/src/includes/layout/header.liquid
index 8e68154..a7955a3 100644
--- a/src/includes/layout/header.liquid
+++ b/src/includes/layout/header.liquid
@@ -1,5 +1,15 @@
 {%- capture headerContent -%}
-  <img class="icon" src="{{ globals.cdn_url }}{{ globals.avatar_header }}?class=w200&v={% appVersion %}" alt="{{ globals.site_name }}" />
+  <img
+    srcset="
+      {{ globals.cdn_url }}{{ globals.avatar_header }}?class=w100&v={% appVersion %} 100w,
+      {{ globals.cdn_url }}{{ globals.avatar_header }}?class=w200&v={% appVersion %} 200w
+    "
+    sizes="(max-width: 450px) 100px, 200px"
+    class="icon" src="{{ globals.cdn_url }}{{ globals.avatar_header }}?class=w100&v={% appVersion %}"
+    alt="{{ globals.site_name }}"
+    width="100"
+    height="145"
+  />
   <span>Cory</span> <span>Dransfeldt</span>
 {%- endcapture -%}
 <section class="main-title">