Images lock aspect ratio not function

[NicoHood]

Version:

• listmonk: 2.0.0

Description of the bug and steps to reproduce:

• Insert a picture (url) with 1200x628px and select keep ratio in the editor.
• Preview the image and you will see the image size is incorrect.

Screenshots:

Possible Solutions

• Fix the css so that images are displayed correct.
• The button "lock aspect ration" also requires a fix or must be disabled I guess.
• Shrink the image on upload? Or reprocess external images?

[knadh]

The default template has a max width of 525px. Any image size beyond this will get squished. You can edit the default template and change this or increase the width of the template if you want wider images:

            img {
                max-width: 100%;
            }

to

                max-width: 100%;
                height: auto;

[NicoHood]

I also found out, that this is the solution. Lets make it a default? You've fixed it. Pretty fast! Super nice! Thanks!

[NicoHood]

Is there also a way to keep (crop) to the aspect ratio that was entered via the editor? For example I'd like to crop to a common feature image size of 1200x628px. That is written in the html, but if the image itself is of another aspect ratio, this is not respected. I know object-fit: cover is related to this solution, however I am not sure if the dimensions from the html itself can be useful at all for that.

Example:

Desired result (dont know how to do that):

[knadh]

If you want to maintain the dimensions you entered in the editor, you can remove the max-width and height bits from under img in template CSS entirely.

[NicoHood]

I want to have aspect ratio, but the dimension itself, as it would be way too large. Not sure if that is possible