I did some searching and there does not seem to be detailed documentation on the Slimsy package so I was hoping someone could tell me all the different AppsSettings options, there values, and there meanings? Some are listed in readme on the github but, to me, they are not really clearly explained.
UseCropAsSrc = true ensures the src uses the cropped version, not the original. It’s generally safer to leave it true if you’re relying on specific crops, so users without responsive image support still get the intended dimensions.
TagHelper: ImageDimensions
The ImageDimensions property on the Slimsy TagHelper in Umbraco is used to explicitly set the width and height attributes on the rendered <img> tag.
Including the width and height attributes on <img> tags helps prevent layout shifts during page load by reserving the correct space for the image before it fully loads.
Slimsy will attempt to get the dimensions of the cropped image (based on the crop alias you’re using), and insert them as width and height attributes in the output HTML.