diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index d5d7619..8f49742 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -10,9 +10,13 @@
           <p class="post-date">Posted <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time></p>
         </header>
         {{ if isset .Params "featuredimage" }}
-        <figure class="post-figure">
+        <picture class="post-figure">
+            {{ if (fileExists (printf "%s/%s" "static" (replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp"))) -}}
+            <source srcset="{{ replace (.Params.featuredimage) (path.Ext (.Params.featuredimage)) ".webp" | absURL }}" type="image/webp">
+            {{- end }}
+            <source srcset="{{.Params.featuredimage | absURL }}">
           <img src="{{.Params.featuredimage | absURL }}" {{ if isset .Params "featuredimagedescription" }}alt="{{.Params.featuredimagedescription}}"{{end}}>
-        </figure>
+        </picture>
         {{ end }}
         {{ .Content }}
       </article>
diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
new file mode 100644
index 0000000..d7c0c10
--- /dev/null
+++ b/layouts/shortcodes/image.html
@@ -0,0 +1,5 @@
+<picture>
+    <source srcset="{{ replace (index .Params "src") (path.Ext (index .Params "src")) ".webp" | absURL }}" type="image/webp">
+    <source srcset="{{ index .Params "src" | absURL }}"> 
+    <img src="{{ index .Params "src" | absURL }}" {{ if isset .Params "alt" -}} alt="{{ index .Params "alt"}}" {{- end }}>
+</picture>
\ No newline at end of file