Banner img has original width and heigth set. Lowers Speed Result on Mobile

[keesfluitman]

Im an Amateur hobbyist. Enjoying your great work to play around. Thank you very much!

I couldnt figure out why this is generated in my html

<img loading="eager" decoding="async" src="/images/logo/logo_weiss_hu5727949254694983326.png" class=" mx-auto lg:!max-w-[800px] img" alt="Banner image" width="1884" height="1738">

It is slowing down rendering. Probably because of the width and height that have the original image size set?
What partial is actually used here?
{{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}

I dont see a partial image.html in the theme's dir. Nor can I find anything about a default internal image partial?

Help would be much appreciated.

[tfsomrat]

Hey @keesfluitman, we have used this module: https://github.com/gethugothemes/hugo-modules/tree/master/images#image-implementation

you can see the docs here also, you can set your desired size for mobile by following the docs.