diff --git a/exampleSite/content/samples/markdown/index.md b/exampleSite/content/samples/markdown/index.md
index 601fae2a..d9f91110 100755
--- a/exampleSite/content/samples/markdown/index.md
+++ b/exampleSite/content/samples/markdown/index.md
@@ -9,6 +9,10 @@ This article offers a sample of basic Markdown formatting that can be used in Co
+## Image
+
+![sample image](thumb-surendran-mp-IhWYiwSxm8g-unsplash.jpg)
+
## Headings
The following HTML `
`—`` elements represent six levels of section headings. `` is the highest section level while `` is the lowest.
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index e2009a06..892804e7 100644
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -23,11 +23,18 @@
{{ end }}
{{ with $resource }}
+ {{ if ne .MediaType.SubType "svg" }}
+ {{ $lqip := .Resize "20x webp" }}
+
+ {{ end }}
+ {{ if ne .MediaType.SubType "svg" }}
+
+ {{ end }}
{{ with $caption }}{{ . | markdownify }} {{ end }}
{{ else }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 70e8fe88..340e95a1 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -20,6 +20,8 @@
{{ if eq .MediaType.SubType "svg" }}
src="{{ .RelPermalink }}"
{{ else }}
+ width="{{ .Width }}"
+ height="{{ .Height }}"
{{ if lt .Width 660 }}
src="{{ .RelPermalink }}"
{{ else }}
diff --git a/layouts/partials/article-link.html b/layouts/partials/article-link.html
index 689bdf71..17236ede 100644
--- a/layouts/partials/article-link.html
+++ b/layouts/partials/article-link.html
@@ -22,6 +22,8 @@
{{- (.Fill "160x120 smart").RelPermalink }}
160w, {{- (.Fill "320x240 smart").RelPermalink }} 2x"
src="{{ (.Fill "160x120 smart").RelPermalink }}"
+ width="160"
+ height="120"
{{ end }}
{{ if $.Site.Params.enableImageLazyLoading | default true }}
loading="lazy"
diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html
index b6d14289..7028c6c1 100644
--- a/layouts/shortcodes/figure.html
+++ b/layouts/shortcodes/figure.html
@@ -27,6 +27,8 @@
{{ if eq .MediaType.SubType "svg" }}
src="{{ .RelPermalink }}"
{{ else }}
+ width="{{ .Width }}"
+ height="{{ .Height }}"
{{ if lt .Width 660 }}
src="{{ .RelPermalink }}"
{{ else }}