stereobooster / hugo-ideal-image Goto Github PK

Hi @stereobooster,

Thanks a lot for this awesome image resize tool.

One minor problem I encountered: My images got resized to the container's width (so they fit nicely within the text column), but the height was left at the original height, leading to grossly distorted images with dimensions like, e.g., 581x3349.

I "fixed" this be removing the width and height attributes from the img tag in picture.html, that is, changing the tag from:

      <img
        width="{{ .Width }}"
        height="{{ .Height }}"

to just <img.

This quick-fixes the distortion, but I think this introduces CLS.

How can I get/calculate the correct, scaled height?