diff --git a/layouts/partials/picture.html b/layouts/partials/picture.html
index 207f5d07..a8a26819 100644
--- a/layouts/partials/picture.html
+++ b/layouts/partials/picture.html
@@ -22,7 +22,15 @@
     {{ $resource = resources.Get ($url.String) }}
   {{ end }}
   {{ with $resource }}
-    <picture>
+    {{ if ne .MediaType.SubType "svg" }}
+      {{ $lqip := (.Resize "20x webp").Content | base64Encode }}
+      <picture 
+        style="background: url(data:image/webp;base64,{{ $lqip }}); background-size: cover"
+        class="{{ $class }}"
+      >
+    {{ else }}
+      <picture>
+    {{ end }}
       {{ if (and (ne .MediaType.SubType "svg") $webp) }}
         <source 
           {{ if lt .Width 660 }}