Magento Image Resizing – Fix Different Height and Width Values Issue

Magento can create images with the same dimensions. But: if image A has 20px whitespace as default and image B 2px, A is 300x200px and B is 1200x1800px there is no way to process this totally programmatically.

You can create the images with same dimensions on the fly like this in your app/design/frontend/[theme]/[name]/catalog/product/list.phtml where is defined the image:

$imageSource = $this->helper('catalog/image')
    ->init($_product, 'image')
    ->constrainOnly(true)
    ->keepAspectRatio(true)
    ->keepFrame(true)
    ->keepTransparency(true)
    ->backgroundColor(array(255,255,255))
    ->quality(75) // as option
    ->resize([imagewidth], [imageheight]); // set width and height

Go to the image-tag and set for the src-attribute <?php echo $imageSource; ?>

Hope this helps a little bit.

The placeholder images will use the same values to resize as the product image do. So the config you provided will also resize the placeholder images.

You have to make sure to add your own placeholder images in Magento's backend at Configuration> Catalog > Catalog >Product Image Placeholders. Also remember to re-upload the images in the backend after you change the values in view.xml.