🔀 Merge pull request #645 from stereobooster/provide-width-height

Provide width and height for images
jpanther · Sep 11, 2023 · 5a4c8b5 · 5a4c8b5
2 parents ad8a1b0 + 22e1f17
commit 5a4c8b5
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
@@ -28,6 +28,8 @@
         {{ if eq .MediaType.SubType "svg" }}
           src="{{ .RelPermalink }}"
         {{ else }}
+          width="{{ .Width }}"
+          height="{{ .Height }}"
           {{ if lt .Width 660 }}
             src="{{ .RelPermalink }}"
           {{ else }}

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -20,6 +20,8 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
             {{ 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
@@ -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
@@ -27,6 +27,8 @@
           {{ if eq .MediaType.SubType "svg" }}
             src="{{ .RelPermalink }}"
           {{ else }}
+            width="{{ .Width }}"
+            height="{{ .Height }}"
             {{ if lt .Width 660 }}
               src="{{ .RelPermalink }}"
             {{ else }}