Board Thread:Support Requests - Community Management/@comment-32663716-20200326153303/@comment-9605025-20200404211649

Squished and stretched are essentially referring to the same issue; which I already pointed out in an earlier post. Each image has a width and height. The ratio of width to height is referred to as the aspect ratio. When changing the size an image is displayed at, you can either preserve the aspect ratio or not. If you don't, the image will be stretched/squished; whichever term you prefer.

Unfortunately, it is not possible with portable infoboxes to increase the size of an image and preserve its aspect ratio. If you want all of your images to have the same width and height as each other when in infoboxes, you will need to make sure that images that are uploaded all have the same aspect ratio as each other; which they currently do not.

There is a maximum width that is imposed. By default, images that are wider than the infobox are scaled (resized while preserving the aspect ratio) down such that the width fits inside the infobox. Images that are not wider than the infobox are displayed at their original size.

You can use CSS to resize the images but you would need to have a separate CSS rule for each an every image. Furthermore, images that have an aspect ratio not equal to the one you are looking for will have parts of the image cut-off.