{{ $class := .class }}
{{ $alt := .alt }}
{{ $noscriptSupport := .noscript }}
{{ $imgDict := .imgDict }}
{{ if $noscriptSupport }}<noscript>{{ partial "renderer/native" . }}</noscript>{{ end }}

{{ $base := default "/images/lazyimg" .imageBasePath }}
{{ $defaultURL := path.Join $base (strings.TrimPrefix "/" $imgDict.default.RelPermalink) }}

<img
{{ with $imgDict.lqip -}}
  {{ $placeholderB64 := .Content | base64Encode }}
  {{ if gt (len $placeholderB64) 2048 }}
    {{ $lqipURL := path.Join $base (strings.TrimPrefix "/" .RelPermalink) }}
    src="{{ $lqipURL }}"
  {{ else }}
    src="data:{{ .MediaType }};base64,{{ $placeholderB64 }}"
  {{ end }}
  data-src="{{ $defaultURL }}"
  class="{{ with $class }}{{ . }} {{ end }}blur-up lazyload"
{{ else }}
  src="{{ $defaultURL }}" class="{{ $class }} lazyload"
{{ end -}}
{{ with $imgDict.default }} height="{{ .Height }}" width="{{ .Width }}" {{ end }}
{{ if $imgDict.responsive }}{{ with partial "renderer/_srcset" (merge $imgDict (dict "imageBasePath" $base)) }} data-sizes="auto" data-srcset="{{ . }}"{{ end }}{{ end }}
{{ with $alt }} alt="{{ . }}" {{ end }}>