diff --git a/layouts/partials/body/whoami.html b/layouts/partials/body/whoami.html
index d8646e9..f887523 100644
--- a/layouts/partials/body/whoami.html
+++ b/layouts/partials/body/whoami.html
@@ -9,14 +9,14 @@
       <img src="{{ $src }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
     {{ else }}
       {{ if (fileExists "static/images/whoami/avatar.png") }}
-        <img src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
+        <img data-src="{{ "images/whoami/avatar.png" | relURL }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload whoami__image"/>
       {{ else if (fileExists "static/images/whoami/avatar.jpg") }}
-        <img src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
+        <img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload whoami__image"/>
       {{ else if (fileExists "static/images/whoami/avatar.svg") }}
-        <img src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
+        <img data-src="{{ "images/whoami/avatar.svg" | relURL }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload whoami__image"/>
       {{ else }}
-        <img src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
-      {{ end }}      
+        <img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload whoami__image"/>
+      {{ end }}       
     {{ end }}
   </div>
   <div class="whoami__contents">
diff --git a/layouts/partials/navbar/site-nav.html b/layouts/partials/navbar/site-nav.html
index 2916add..59d202b 100644
--- a/layouts/partials/navbar/site-nav.html
+++ b/layouts/partials/navbar/site-nav.html
@@ -2,7 +2,7 @@
   <div class="navbar__brand">
     {{ if $.Param "logo" | default true }}
     <a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="navbar__logo-link">
-      <img src="{{ "/logo.png" | relURL }}" alt="Home" class="navbar__logo">
+      <img data-src="{{ "/logo.png" | relURL }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%2337474f' d='M24.648,4l0.29,0.002c0.52,0.008,1.23,0.109,1.857,0.198c0.314,0.045,0.616,0.088,0.883,0.119 c0.164,0.024,0.715,0.227,1.043,0.348C29.468,4.941,32,6.875,32,6.875L31,5c0,0,1.563,0.445,2.125,0.875C34.247,6.733,34.354,7,35,7 h0.375L35,6c0.375,0.19,1.78,1.289,1.968,1.541L37,7.583l0.036,0.039c1.411,1.495,2.095,2.462,2.595,3.169 c0.339,0.48,0.945,0.822,1.243,1.21C41.225,12.454,42,14,42,14v-0.998c0,0,0.776,1.029,1.25,2.373C44,17.5,44,19,44,19 s-0.25-0.625-1-0.875C43,19,44,21,44,24.002v6c-0.74,0.57-0.989,1.443-1.214,2.386c-0.328,1.372-0.605,2.294-1.444,2.593L41,35.002 l-0.08,0.277c-0.533,0.662-0.994,1.351-1.439,2.018c-1.446,2.163-2.495,3.705-4.481,3.705c-1.041,0-2.044,0.167-2.441,0.559 C32.128,41.987,32,42.662,32,43.002c-1.012,0.377-2.167,1-8,1c-5,0-9.4-1.756-12.262-4.545c-0.965-0.785-2.272-1.669-2.857-2.273 C6.976,35.593,6.047,33.058,6,33.002c1.184,0.985,5.245,4.636,7.091,4.636l0,0C13.301,37.416,12,35.684,12,35.002 C13.429,37.162,17.405,40,23,40c4.125,0,3.892-0.73,6-1c4.875-0.625,7.492-5.439,8.214-6.816c0.05-0.096,0.202-1.02,0.24-1.092 c0.368-0.376,0.463-1.167,0.607-2.371C38.17,27.815,39,26.75,39,25.625S38,24,38,24s0-3-0.625-5.375 C37.25,18.151,36.738,16.409,34,13v1.002c-2.125-1.127-3.668-2.545-4.125-2.752C28.435,10.599,26.831,10,25,10c-4,0-4.625,1-8,2 c0,0,1.25,0,2,0c0,0-1.867,1.445-3,2.125c-1.875,1.125-4,5.034-4,7.875c0,3-2.485,4-4,4c-2.453,0-4-2-4-4 c0-1.133,0.45-2.5,0.886-3.425c0.411-0.873,0.799-1.697,0.795-2.581c0.031-0.106,0.274-0.383,0.435-0.566 c0.466-0.531,1.083-1.234,1.224-2.252c1.106-0.927,3.13-3.015,3.155-3.041c0.162-0.171,0.324-0.304,0.511-0.457 c0.324-0.265,0.728-0.594,1.221-1.205l0.423-0.525c0.798-0.428,2.222-1.035,2.776-1.271c0.342-0.146,0.602-0.258,0.716-0.313 L19.75,5.75C19.966,5.75,20,5.238,20,5c0-0.227,0.106-0.198,0.324-0.273C22.139,4.099,22.799,4,24.648,4L24.648,4'/%3E%3C/svg%3E" alt="Home" class="lazyload navbar__logo">
     </a>
     {{ end }}
     <a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="navbar__title-link">
diff --git a/layouts/partials/script/single-script.html b/layouts/partials/script/single-script.html
index 6f97aa3..36602f3 100644
--- a/layouts/partials/script/single-script.html
+++ b/layouts/partials/script/single-script.html
@@ -7,6 +7,8 @@
 <script defer src="{{ $clipboard.RelPermalink }}"></script>
 {{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
 <script defer src="{{ $enquire.RelPermalink }}"></script>
+{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
+<script defer src="{{ $lazysizes.RelPermalink }}"></script>
 {{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
 <script defer src="{{ $zzo.RelPermalink }}"></script>
 
diff --git a/layouts/partials/sidebar/site-bio.html b/layouts/partials/sidebar/site-bio.html
index 8dc9820..5fc4913 100644
--- a/layouts/partials/sidebar/site-bio.html
+++ b/layouts/partials/sidebar/site-bio.html
@@ -8,13 +8,13 @@
       <img src="{{ $src }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="bio__photo"/>
     {{ else }}
       {{ if (fileExists "static/images/whoami/avatar.png") }}
-        <img data-src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%23eee' d='M40,8H8c-1.657,0-3,1.343-3,3v26c0,1.657,1.343,3,3,3h32c1.657,0,3-1.343,3-3V11 C43,9.343,41.657,8,40,8z'/%3E%3Cpath fill='%2329b6f6' d='M38,13H10v22h28V13z'/%3E%3Cpath fill='%234fc3f7' d='M38,35V18.13C37.68,18.04,37.35,18,37,18c-0.4,0-0.79,0.08-1.16,0.19c-0.27-0.27-0.57-0.5-0.91-0.69 C34.36,17.18,33.7,17,33,17c-0.71,0-1.37,0.18-1.94,0.51c-0.61,0.34-1.12,0.85-1.48,1.45C28.88,18.37,27.99,18,27,18 c-0.5,0-0.97,0.1-1.41,0.27C24.94,16.93,23.59,16,22,16c-1.46,0-2.73,0.79-3.42,1.96C17.88,17.37,16.99,17,16,17 c-0.69,0-1.33,0.19-1.9,0.5C13.37,16.59,12.26,16,11,16c-0.35,0-0.68,0.04-1,0.13V35H38z'/%3E%3Cpath fill='%2381d4fa' d='M38,35H10V22.35c0.45-0.23,0.96-0.35,1.5-0.35c0.43,0,0.85,0.08,1.23,0.23 c0.29,0.11,0.55,0.25,0.8,0.43c0,0,0.28,0.29,0.69,0.66c0.37-1.04,1.22-1.86,2.28-2.18c0.32-0.09,0.65-0.14,1-0.14 c1.18,0,2.22,0.59,2.85,1.5C20.83,22.18,21.39,22,22,22c0.41,0,0.79,0.08,1.14,0.23C23.87,21.47,24.87,21,26,21 c1.39,0,2.61,0.71,3.32,1.78c0.6-0.49,1.35-0.78,2.18-0.78c0.98,0,1.86,0.4,2.5,1.05c0.16-0.02,0.33-0.05,0.5-0.05 c0.47,0,0.92,0.1,1.33,0.26c0.54-0.64,1.3-1.1,2.17-1.22V35z'/%3E%3Cpath fill='%2366bb6a' d='M38,35H28l5.89-8.42c0.54-0.77,1.68-0.77,2.22,0l1.89,2.7V35z'/%3E%3Cpath fill='%234caf50' d='M34.4,35H17.6l7.29-10.42c0.54-0.77,1.68-0.77,2.22,0L34.4,35z'/%3E%3Cpath fill='%2343a047' d='M26.2,35H10v-8.86l3.89-5.56c0.54-0.77,1.68-0.77,2.22,0L26.2,35z'/%3E%3Cpath fill='%23fff176' d='M33 16A2 2 0 1 0 33 20A2 2 0 1 0 33 16Z'/%3E%3Cpath fill='%23546e7a' d='M40,9c1.103,0,2,0.897,2,2v26c0,1.103-0.897,2-2,2H8c-1.103,0-2-0.897-2-2V11c0-1.103,0.897-2,2-2H40 M40,7H8c-2.2,0-4,1.8-4,4v26c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V11C44,8.8,42.2,7,40,7L40,7z'/%3E%3C/svg%3E" class="lazyload bio__photo"/>
+        <img data-src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
       {{ else if (fileExists "static/images/whoami/avatar.jpg") }}
-        <img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%23eee' d='M40,8H8c-1.657,0-3,1.343-3,3v26c0,1.657,1.343,3,3,3h32c1.657,0,3-1.343,3-3V11 C43,9.343,41.657,8,40,8z'/%3E%3Cpath fill='%2329b6f6' d='M38,13H10v22h28V13z'/%3E%3Cpath fill='%234fc3f7' d='M38,35V18.13C37.68,18.04,37.35,18,37,18c-0.4,0-0.79,0.08-1.16,0.19c-0.27-0.27-0.57-0.5-0.91-0.69 C34.36,17.18,33.7,17,33,17c-0.71,0-1.37,0.18-1.94,0.51c-0.61,0.34-1.12,0.85-1.48,1.45C28.88,18.37,27.99,18,27,18 c-0.5,0-0.97,0.1-1.41,0.27C24.94,16.93,23.59,16,22,16c-1.46,0-2.73,0.79-3.42,1.96C17.88,17.37,16.99,17,16,17 c-0.69,0-1.33,0.19-1.9,0.5C13.37,16.59,12.26,16,11,16c-0.35,0-0.68,0.04-1,0.13V35H38z'/%3E%3Cpath fill='%2381d4fa' d='M38,35H10V22.35c0.45-0.23,0.96-0.35,1.5-0.35c0.43,0,0.85,0.08,1.23,0.23 c0.29,0.11,0.55,0.25,0.8,0.43c0,0,0.28,0.29,0.69,0.66c0.37-1.04,1.22-1.86,2.28-2.18c0.32-0.09,0.65-0.14,1-0.14 c1.18,0,2.22,0.59,2.85,1.5C20.83,22.18,21.39,22,22,22c0.41,0,0.79,0.08,1.14,0.23C23.87,21.47,24.87,21,26,21 c1.39,0,2.61,0.71,3.32,1.78c0.6-0.49,1.35-0.78,2.18-0.78c0.98,0,1.86,0.4,2.5,1.05c0.16-0.02,0.33-0.05,0.5-0.05 c0.47,0,0.92,0.1,1.33,0.26c0.54-0.64,1.3-1.1,2.17-1.22V35z'/%3E%3Cpath fill='%2366bb6a' d='M38,35H28l5.89-8.42c0.54-0.77,1.68-0.77,2.22,0l1.89,2.7V35z'/%3E%3Cpath fill='%234caf50' d='M34.4,35H17.6l7.29-10.42c0.54-0.77,1.68-0.77,2.22,0L34.4,35z'/%3E%3Cpath fill='%2343a047' d='M26.2,35H10v-8.86l3.89-5.56c0.54-0.77,1.68-0.77,2.22,0L26.2,35z'/%3E%3Cpath fill='%23fff176' d='M33 16A2 2 0 1 0 33 20A2 2 0 1 0 33 16Z'/%3E%3Cpath fill='%23546e7a' d='M40,9c1.103,0,2,0.897,2,2v26c0,1.103-0.897,2-2,2H8c-1.103,0-2-0.897-2-2V11c0-1.103,0.897-2,2-2H40 M40,7H8c-2.2,0-4,1.8-4,4v26c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V11C44,8.8,42.2,7,40,7L40,7z'/%3E%3C/svg%3E" class="lazyload bio__photo"/>
+        <img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
       {{ else if (fileExists "static/images/whoami/avatar.svg") }}
-        <img data-src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%23eee' d='M40,8H8c-1.657,0-3,1.343-3,3v26c0,1.657,1.343,3,3,3h32c1.657,0,3-1.343,3-3V11 C43,9.343,41.657,8,40,8z'/%3E%3Cpath fill='%2329b6f6' d='M38,13H10v22h28V13z'/%3E%3Cpath fill='%234fc3f7' d='M38,35V18.13C37.68,18.04,37.35,18,37,18c-0.4,0-0.79,0.08-1.16,0.19c-0.27-0.27-0.57-0.5-0.91-0.69 C34.36,17.18,33.7,17,33,17c-0.71,0-1.37,0.18-1.94,0.51c-0.61,0.34-1.12,0.85-1.48,1.45C28.88,18.37,27.99,18,27,18 c-0.5,0-0.97,0.1-1.41,0.27C24.94,16.93,23.59,16,22,16c-1.46,0-2.73,0.79-3.42,1.96C17.88,17.37,16.99,17,16,17 c-0.69,0-1.33,0.19-1.9,0.5C13.37,16.59,12.26,16,11,16c-0.35,0-0.68,0.04-1,0.13V35H38z'/%3E%3Cpath fill='%2381d4fa' d='M38,35H10V22.35c0.45-0.23,0.96-0.35,1.5-0.35c0.43,0,0.85,0.08,1.23,0.23 c0.29,0.11,0.55,0.25,0.8,0.43c0,0,0.28,0.29,0.69,0.66c0.37-1.04,1.22-1.86,2.28-2.18c0.32-0.09,0.65-0.14,1-0.14 c1.18,0,2.22,0.59,2.85,1.5C20.83,22.18,21.39,22,22,22c0.41,0,0.79,0.08,1.14,0.23C23.87,21.47,24.87,21,26,21 c1.39,0,2.61,0.71,3.32,1.78c0.6-0.49,1.35-0.78,2.18-0.78c0.98,0,1.86,0.4,2.5,1.05c0.16-0.02,0.33-0.05,0.5-0.05 c0.47,0,0.92,0.1,1.33,0.26c0.54-0.64,1.3-1.1,2.17-1.22V35z'/%3E%3Cpath fill='%2366bb6a' d='M38,35H28l5.89-8.42c0.54-0.77,1.68-0.77,2.22,0l1.89,2.7V35z'/%3E%3Cpath fill='%234caf50' d='M34.4,35H17.6l7.29-10.42c0.54-0.77,1.68-0.77,2.22,0L34.4,35z'/%3E%3Cpath fill='%2343a047' d='M26.2,35H10v-8.86l3.89-5.56c0.54-0.77,1.68-0.77,2.22,0L26.2,35z'/%3E%3Cpath fill='%23fff176' d='M33 16A2 2 0 1 0 33 20A2 2 0 1 0 33 16Z'/%3E%3Cpath fill='%23546e7a' d='M40,9c1.103,0,2,0.897,2,2v26c0,1.103-0.897,2-2,2H8c-1.103,0-2-0.897-2-2V11c0-1.103,0.897-2,2-2H40 M40,7H8c-2.2,0-4,1.8-4,4v26c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V11C44,8.8,42.2,7,40,7L40,7z'/%3E%3C/svg%3E" class="lazyload bio__photo"/>
+        <img data-src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
       {{ else }}
-        <img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%23eee' d='M40,8H8c-1.657,0-3,1.343-3,3v26c0,1.657,1.343,3,3,3h32c1.657,0,3-1.343,3-3V11 C43,9.343,41.657,8,40,8z'/%3E%3Cpath fill='%2329b6f6' d='M38,13H10v22h28V13z'/%3E%3Cpath fill='%234fc3f7' d='M38,35V18.13C37.68,18.04,37.35,18,37,18c-0.4,0-0.79,0.08-1.16,0.19c-0.27-0.27-0.57-0.5-0.91-0.69 C34.36,17.18,33.7,17,33,17c-0.71,0-1.37,0.18-1.94,0.51c-0.61,0.34-1.12,0.85-1.48,1.45C28.88,18.37,27.99,18,27,18 c-0.5,0-0.97,0.1-1.41,0.27C24.94,16.93,23.59,16,22,16c-1.46,0-2.73,0.79-3.42,1.96C17.88,17.37,16.99,17,16,17 c-0.69,0-1.33,0.19-1.9,0.5C13.37,16.59,12.26,16,11,16c-0.35,0-0.68,0.04-1,0.13V35H38z'/%3E%3Cpath fill='%2381d4fa' d='M38,35H10V22.35c0.45-0.23,0.96-0.35,1.5-0.35c0.43,0,0.85,0.08,1.23,0.23 c0.29,0.11,0.55,0.25,0.8,0.43c0,0,0.28,0.29,0.69,0.66c0.37-1.04,1.22-1.86,2.28-2.18c0.32-0.09,0.65-0.14,1-0.14 c1.18,0,2.22,0.59,2.85,1.5C20.83,22.18,21.39,22,22,22c0.41,0,0.79,0.08,1.14,0.23C23.87,21.47,24.87,21,26,21 c1.39,0,2.61,0.71,3.32,1.78c0.6-0.49,1.35-0.78,2.18-0.78c0.98,0,1.86,0.4,2.5,1.05c0.16-0.02,0.33-0.05,0.5-0.05 c0.47,0,0.92,0.1,1.33,0.26c0.54-0.64,1.3-1.1,2.17-1.22V35z'/%3E%3Cpath fill='%2366bb6a' d='M38,35H28l5.89-8.42c0.54-0.77,1.68-0.77,2.22,0l1.89,2.7V35z'/%3E%3Cpath fill='%234caf50' d='M34.4,35H17.6l7.29-10.42c0.54-0.77,1.68-0.77,2.22,0L34.4,35z'/%3E%3Cpath fill='%2343a047' d='M26.2,35H10v-8.86l3.89-5.56c0.54-0.77,1.68-0.77,2.22,0L26.2,35z'/%3E%3Cpath fill='%23fff176' d='M33 16A2 2 0 1 0 33 20A2 2 0 1 0 33 16Z'/%3E%3Cpath fill='%23546e7a' d='M40,9c1.103,0,2,0.897,2,2v26c0,1.103-0.897,2-2,2H8c-1.103,0-2-0.897-2-2V11c0-1.103,0.897-2,2-2H40 M40,7H8c-2.2,0-4,1.8-4,4v26c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V11C44,8.8,42.2,7,40,7L40,7z'/%3E%3C/svg%3E" class="lazyload bio__photo"/>
+        <img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
       {{ end }}      
     {{ end }}
   </div>
diff --git a/layouts/partials/summary/card.html b/layouts/partials/summary/card.html
index cb6e6ea..2f22324 100644
--- a/layouts/partials/summary/card.html
+++ b/layouts/partials/summary/card.html
@@ -15,7 +15,7 @@
     {{ if $params.featured_image }}
     <div class="summary-card__image-wrapper">
       <a href="{{ .Permalink }}">
-        <img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%23eee' d='M40,8H8c-1.657,0-3,1.343-3,3v26c0,1.657,1.343,3,3,3h32c1.657,0,3-1.343,3-3V11 C43,9.343,41.657,8,40,8z'/%3E%3Cpath fill='%2329b6f6' d='M38,13H10v22h28V13z'/%3E%3Cpath fill='%234fc3f7' d='M38,35V18.13C37.68,18.04,37.35,18,37,18c-0.4,0-0.79,0.08-1.16,0.19c-0.27-0.27-0.57-0.5-0.91-0.69 C34.36,17.18,33.7,17,33,17c-0.71,0-1.37,0.18-1.94,0.51c-0.61,0.34-1.12,0.85-1.48,1.45C28.88,18.37,27.99,18,27,18 c-0.5,0-0.97,0.1-1.41,0.27C24.94,16.93,23.59,16,22,16c-1.46,0-2.73,0.79-3.42,1.96C17.88,17.37,16.99,17,16,17 c-0.69,0-1.33,0.19-1.9,0.5C13.37,16.59,12.26,16,11,16c-0.35,0-0.68,0.04-1,0.13V35H38z'/%3E%3Cpath fill='%2381d4fa' d='M38,35H10V22.35c0.45-0.23,0.96-0.35,1.5-0.35c0.43,0,0.85,0.08,1.23,0.23 c0.29,0.11,0.55,0.25,0.8,0.43c0,0,0.28,0.29,0.69,0.66c0.37-1.04,1.22-1.86,2.28-2.18c0.32-0.09,0.65-0.14,1-0.14 c1.18,0,2.22,0.59,2.85,1.5C20.83,22.18,21.39,22,22,22c0.41,0,0.79,0.08,1.14,0.23C23.87,21.47,24.87,21,26,21 c1.39,0,2.61,0.71,3.32,1.78c0.6-0.49,1.35-0.78,2.18-0.78c0.98,0,1.86,0.4,2.5,1.05c0.16-0.02,0.33-0.05,0.5-0.05 c0.47,0,0.92,0.1,1.33,0.26c0.54-0.64,1.3-1.1,2.17-1.22V35z'/%3E%3Cpath fill='%2366bb6a' d='M38,35H28l5.89-8.42c0.54-0.77,1.68-0.77,2.22,0l1.89,2.7V35z'/%3E%3Cpath fill='%234caf50' d='M34.4,35H17.6l7.29-10.42c0.54-0.77,1.68-0.77,2.22,0L34.4,35z'/%3E%3Cpath fill='%2343a047' d='M26.2,35H10v-8.86l3.89-5.56c0.54-0.77,1.68-0.77,2.22,0L26.2,35z'/%3E%3Cpath fill='%23fff176' d='M33 16A2 2 0 1 0 33 20A2 2 0 1 0 33 16Z'/%3E%3Cpath fill='%23546e7a' d='M40,9c1.103,0,2,0.897,2,2v26c0,1.103-0.897,2-2,2H8c-1.103,0-2-0.897-2-2V11c0-1.103,0.897-2,2-2H40 M40,7H8c-2.2,0-4,1.8-4,4v26c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V11C44,8.8,42.2,7,40,7L40,7z'/%3E%3C/svg%3E" class="lazyload summary-card__image"/>
+        <img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload summary-card__image"/>
       </a>
     </div>
     {{ else if $params.featured_video }}
diff --git a/layouts/partials/summary/classic.html b/layouts/partials/summary/classic.html
index 1fbf35a..6556b2b 100644
--- a/layouts/partials/summary/classic.html
+++ b/layouts/partials/summary/classic.html
@@ -4,7 +4,7 @@
     {{ if $params.featured_image }}
     <div class="summary-classic__image-wrapper">
       <a href="{{ .Permalink }}">
-        <img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%23eee' d='M40,8H8c-1.657,0-3,1.343-3,3v26c0,1.657,1.343,3,3,3h32c1.657,0,3-1.343,3-3V11 C43,9.343,41.657,8,40,8z'/%3E%3Cpath fill='%2329b6f6' d='M38,13H10v22h28V13z'/%3E%3Cpath fill='%234fc3f7' d='M38,35V18.13C37.68,18.04,37.35,18,37,18c-0.4,0-0.79,0.08-1.16,0.19c-0.27-0.27-0.57-0.5-0.91-0.69 C34.36,17.18,33.7,17,33,17c-0.71,0-1.37,0.18-1.94,0.51c-0.61,0.34-1.12,0.85-1.48,1.45C28.88,18.37,27.99,18,27,18 c-0.5,0-0.97,0.1-1.41,0.27C24.94,16.93,23.59,16,22,16c-1.46,0-2.73,0.79-3.42,1.96C17.88,17.37,16.99,17,16,17 c-0.69,0-1.33,0.19-1.9,0.5C13.37,16.59,12.26,16,11,16c-0.35,0-0.68,0.04-1,0.13V35H38z'/%3E%3Cpath fill='%2381d4fa' d='M38,35H10V22.35c0.45-0.23,0.96-0.35,1.5-0.35c0.43,0,0.85,0.08,1.23,0.23 c0.29,0.11,0.55,0.25,0.8,0.43c0,0,0.28,0.29,0.69,0.66c0.37-1.04,1.22-1.86,2.28-2.18c0.32-0.09,0.65-0.14,1-0.14 c1.18,0,2.22,0.59,2.85,1.5C20.83,22.18,21.39,22,22,22c0.41,0,0.79,0.08,1.14,0.23C23.87,21.47,24.87,21,26,21 c1.39,0,2.61,0.71,3.32,1.78c0.6-0.49,1.35-0.78,2.18-0.78c0.98,0,1.86,0.4,2.5,1.05c0.16-0.02,0.33-0.05,0.5-0.05 c0.47,0,0.92,0.1,1.33,0.26c0.54-0.64,1.3-1.1,2.17-1.22V35z'/%3E%3Cpath fill='%2366bb6a' d='M38,35H28l5.89-8.42c0.54-0.77,1.68-0.77,2.22,0l1.89,2.7V35z'/%3E%3Cpath fill='%234caf50' d='M34.4,35H17.6l7.29-10.42c0.54-0.77,1.68-0.77,2.22,0L34.4,35z'/%3E%3Cpath fill='%2343a047' d='M26.2,35H10v-8.86l3.89-5.56c0.54-0.77,1.68-0.77,2.22,0L26.2,35z'/%3E%3Cpath fill='%23fff176' d='M33 16A2 2 0 1 0 33 20A2 2 0 1 0 33 16Z'/%3E%3Cpath fill='%23546e7a' d='M40,9c1.103,0,2,0.897,2,2v26c0,1.103-0.897,2-2,2H8c-1.103,0-2-0.897-2-2V11c0-1.103,0.897-2,2-2H40 M40,7H8c-2.2,0-4,1.8-4,4v26c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V11C44,8.8,42.2,7,40,7L40,7z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" />
+        <img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload summary-classic__image" />
       </a>
     </div>
     {{ end }}
diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html
index 4938117..d79c618 100644
--- a/layouts/shortcodes/img.html
+++ b/layouts/shortcodes/img.html
@@ -1,6 +1,6 @@
 <figure {{ with .Get "class" }}class="{{.}}" {{ end }}>
   {{ with .Get "link"}}<a href="{{.}}">{{ end }}
-    <img src="{{ .Get "src" }}" {{ if or (.Get "alt") (.Get "caption") }}alt="{{ with .Get "alt"}}{{.}}{{else}}{{ .Get "caption" }}{{ end }}"{{ end }}/>
+    <img data-src="{{ .Get "src" }}" {{ if or (.Get "alt") (.Get "caption") }}alt="{{ with .Get "alt"}}{{.}}{{else}}{{ .Get "caption" }}{{ end }}"{{ end }} src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload"/>
     {{ if .Get "link"}}</a>{{ end }}
   {{ if or (or (.Get "title") (.Get "caption")) (.Get "attr")}}
   <figcaption>{{ if isset .Params "title" }}