I got a problem with magento image generator process. Image will be placed with 3 size of thumb for homepage, listing page and detail page.

  • Homepge , product thumb will be 365x265 px
  • Listing page, product thumb will be 225x190 px
  • Detail page, product thumb will be 350x241 px

At detail page customer can click on thumb to see lightbox with full image.

My Problem is that images on each page not ratio, but I want magento resize and crop with proper size (full image on thumb), I mean can show partial image just fit to the thumb with no white space on image.

How can I do this ? is it not default by mangeto ?

My website: Homepage


Listing Page


Detail Page


Please guide,

1 Answer 1


Use keepFrame(false) to remove white spaces around the images and resize(value in pixel) to resize the images.
Example Code Snippet :

$_imageUrl = $this->helper('catalog/image')
                    ->init($_product, 'image', $_image->getFile())
  • work great !! thks :) but it resize to show full image. Could you suggest me how to resize into best fit and crop. thks
    – Ryo
    Commented Jun 18, 2015 at 8:38
  • Sorry but I am not sure what are trying to say by best fit, you can use different images in Magento like image or small_image or thumbnail. May this will help you. Commented Jun 18, 2015 at 9:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.