diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 6fea84d..8ab7a68 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -4,8 +4,9 @@
 <meta name="author" content="{{ .Site.Author.name }}">
 {{- $icon_192 := resources.Get "/apple-touch-icon.png" | resources.Fingerprint "md5" -}}
 {{ printf `<link rel="icon" sizes="192x192" href="%s" type="image/png">` $icon_192.RelPermalink | safeHTML }}
-{{ $favicon := resources.Get "/favicon.png" | resources.Fingerprint "md5" -}}
-{{ printf `<link rel="icon" sizes="32x32" href="%s" type="image/png">` $favicon.RelPermalink | safeHTML -}}
+{{ $favicon := resources.Get "/favicon.png" -}}
+{{ $favicon_base64 := $favicon.Content | base64Encode }}
+{{ printf `<link rel="icon" sizes="32x32" href="data:image/png;base64,%s" type="image/png">` $favicon_base64 | safeHTML -}}
 <!-- apple-touch-icon used to be apple-specific, but now it's
 		 a pseudo-standard relied upon by other vendors too:
 		 https://html.spec.whatwg.org/multipage/semantics.html#attr-link-sizes -->
diff --git a/layouts/shortcodes/indieweb-author.html b/layouts/shortcodes/indieweb-author.html
index c762926..1b00f8e 100644
--- a/layouts/shortcodes/indieweb-author.html
+++ b/layouts/shortcodes/indieweb-author.html
@@ -1,3 +1,5 @@
 <!-- re-using the indefinetly-cached favicon to avoid bloating page size -->
-{{ $favicon := resources.Get "/favicon.png" | resources.Fingerprint "md5" -}}
-<span itemprop="author" class="h-card p-author vcard"><a href="https://seirdy.one" rel="author home" class="u-url url"><img class="u-photo photo" src="{{ $favicon.RelPermalink }}" width="16" height="16" alt="Rohan Kumar" > <span class="p-name fn n"><span class="p-given-name given-name">Rohan</span> <span class="p-family-name family-name">Kumar</span></span></a></span>
+{{ $favicon := resources.Get "/favicon.png" -}}
+{{- $favicon_base64 := $favicon.Content | base64Encode -}}
+<span itemprop="author" class="h-card p-author vcard"><a href="https://seirdy.one" rel="author home" class="u-url url"><img class="u-photo photo" src="data:image/png;base64,{{ $favicon_base64 }}" width="16" height="16" alt="Rohan Kumar"> <span class="p-name fn n"><span class="p-given-name given-name">Rohan</span> <span class="p-family-name family-name">Kumar</span></span></a></span>
+
diff --git a/layouts/shortcodes/indieweb-icon.html b/layouts/shortcodes/indieweb-icon.html
index c8496bb..3b16266 100644
--- a/layouts/shortcodes/indieweb-icon.html
+++ b/layouts/shortcodes/indieweb-icon.html
@@ -1,3 +1,3 @@
-<!-- re-using the indefinetly-cached favicon to avoid bloating page size -->
-{{ $favicon := resources.Get "/favicon.png" | resources.Fingerprint "md5" -}}
-<img class="u-photo photo" src="{{ $favicon.RelPermalink }}" width="16" height="16" alt="Rohan Kumar">
+{{ $favicon := resources.Get "/favicon.png" -}}
+{{- $favicon_base64 := $favicon.Content | base64Encode -}}
+<img class="u-photo photo" src="data:image/png;base64,{{ $favicon_base64 }}" width="16" height="16" alt="Rohan Kumar">