diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index bd4d8a1..53fb23e 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,7 +5,8 @@
             {{ partial "page-heading.html" . }}
             <div class="markdown">
                 {{ if .Site.Params.progressively }}
-                    {{ .Content | replaceRE "<img src=(.*)\\/(.*) alt=(.*)>" "<figure class=\"progressive\"><img class=\"progressive__img progressive--not-loaded\" data-progressive=$1/high/$2 src=$1/low/$2 alt=$3></figure>" | safeHTML }}
+                    {{ $newImage := (print "<figure class=\"progressive\"><img class=\"progressive__img progressive--not-loaded\" data-progressive=\"" .Site.BaseURL "$1/high/$2\" src=\"$1/low/$2\" alt=$3></figure>") }}
+                    {{ .Content | replaceRE "<img src=\"/(.*)\\/(.*)\" alt=(.*)>" $newImage | safeHTML }}
                 {{ else }}
                     {{ .Content }}
                 {{ end }}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 72fe358..cab6d29 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -14,7 +14,8 @@
             </div>
             <div class="markdown">
                 {{ if .Site.Params.progressively }}
-                    {{ .Content | replaceRE "<img src=(.*)\\/(.*) alt=(.*)>" "<figure class=\"progressive\"><img class=\"progressive__img progressive--not-loaded\" data-progressive=$1/high/$2 src=$1/low/$2 alt=$3></figure>" | safeHTML }}
+                    {{ $newImage := (print "<figure class=\"progressive\"><img class=\"progressive__img progressive--not-loaded\" data-progressive=\"" .Site.BaseURL "$1/high/$2\" src=\"$1/low/$2\" alt=$3></figure>") }}
+                    {{ .Content | replaceRE "<img src=\"/(.*)\\/(.*)\" alt=(.*)>" $newImage | safeHTML }}
                 {{ else }}
                     {{ .Content }}
                 {{ end }}