refactor(partials): extract to native renderer

layouts/partials/renderer/lqip.html

@@ -2,14 +2,11 @@
 {{ $alt := .alt }}
 {{ $noscriptSupport := .noscript }}
 {{ $imgDict := .imgDict }}
-{{ if $noscriptSupport }}
+{{- if $noscriptSupport -}}
     <noscript>
-    <!-- TODO: add responsiveness -->
-    <img src="{{ $imgDict.default.Permalink }}" {{ with $alt }} alt="{{ . }}" {{ end -}} 
-    class="{{ $class }}" loading="lazy" 
-    {{- with $imgDict.default }} height="{{ .Height }}" width="{{ .Width }}" {{ end -}}>
+        {{ partial "renderer/native" . }}
     </noscript> 
-{{ end }}
+{{- end -}}
 <img 
 {{- with $imgDict.lqip -}}
     {{- $placeholderB64 := .Content | base64Encode -}}

layouts/partials/renderer/native.html

@@ -0,0 +1,9 @@
+{{ $class := .class }}
+{{ $alt := .alt }}
+{{ $imgDict := .imgDict }}
+
+<img src="{{ $imgDict.default.Permalink }}"
+class="{{ $class }}" loading="lazy" 
+{{- with $imgDict.default }} height="{{ .Height }}" width="{{ .Width }}" {{- end -}}
+{{- if $imgDict.responsive -}} {{ with partial "renderer/_srcset" $imgDict }} srcset="{{ . }}"{{- end }} {{- end -}}
+{{- with $alt }} alt="{{ . }}" {{- end }}>