Increase Catalog Resize Image in Magento

Please follow the steps below:

Open: /app/design/frontend/default/milano/template/catalog/product/list.phtml

Find (on lines 52-57):
<?php $mainImg = $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize); ?>
<?php if($_hoverSwap): $backImg = $_listMedia->setTemplate(“catalog/product/list/media.phtml”)->setData(‘size’, $imgSize)->setData(‘product’, $_product)->toHtml(); endif; ?>
<a href=”<?php echo $_product->getProductUrl() ?>” title=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” class=”product-image”>
<?php if($backImg != ‘null’ && $backImg): ?><img src=”<?php echo $backImg ?>” class=”hover-image” width=”<?php echo $imgSize ?>” height=”<?php echo $imgSize ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” /><?php endif; ?>
<img src=”<?php echo $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize) ?>” <?php if($backImg != ‘null’ && $backImg): ?>class=”hover-main-image” <?php endif; ?> width=”<?php echo $imgSize ?>” height=”<?php echo $imgSize ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” />
</a>

Replace with:

<?php $mainImg = $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize)->setQuality(100); ?>
<?php if($_hoverSwap): $backImg = $_listMedia->setTemplate(“catalog/product/list/media.phtml”)->setData(‘size’, $imgSize)->setData(‘product’, $_product)->toHtml(); endif; ?>
<a href=”<?php echo $_product->getProductUrl() ?>” title=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” class=”product-image”>
<?php if($backImg != ‘null’ && $backImg): ?><img src=”<?php echo $backImg ?>” class=”hover-image” width=”<?php echo $imgSize ?>” height=”<?php echo $imgSize ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” /><?php endif; ?>
<img src=”<?php echo $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize)->setQuality(100) ?>” <?php if($backImg != ‘null’ && $backImg): ?>class=”hover-main-image” <?php endif; ?> width=”<?php echo $imgSize ?>” height=”<?php echo $imgSize ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” />
</a>

Find (on lines 221-227):

<?php $mainImg = $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize, $imgHeight); ?>
<?php if($_hoverSwap): $backImg = $_listMedia->setTemplate(“catalog/product/list/media.phtml”)->setData(‘size’, $imgSize)->setData(‘height’, $imgHeight)->setData(‘product’, $_product)->toHtml(); endif; ?>
<a href=”<?php echo $_product->getProductUrl() ?>” title=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” class=”product-image”>
<?php if($backImg != ‘null’ && $backImg): ?><img src=”<?php echo $backImg ?>” class=”hover-image” width=”<?php echo $imgSize ?>” height=”<?php echo $imgHeight ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” /><?php endif; ?>
<img src=”<?php echo $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize, $imgHeight) ?>” <?php if($backImg != ‘null’ && $backImg): ?>class=”hover-main-image” <?php endif; ?> width=”<?php echo $imgSize ?>” height=”<?php echo $imgHeight ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” />
</a>

Replace with:

<?php $mainImg = $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize, $imgHeight)->setQuality(100); ?>
<?php if($_hoverSwap): $backImg = $_listMedia->setTemplate(“catalog/product/list/media.phtml”)->setData(‘size’, $imgSize)->setData(‘height’, $imgHeight)->setData(‘product’, $_product)->toHtml(); endif; ?>
<a href=”<?php echo $_product->getProductUrl() ?>” title=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” class=”product-image”>
<?php if($backImg != ‘null’ && $backImg): ?><img src=”<?php echo $backImg ?>” class=”hover-image” width=”<?php echo $imgSize ?>” height=”<?php echo $imgHeight ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” /><?php endif; ?>
<img src=”<?php echo $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize($imgSize, $imgHeight)->setQuality(100) ?>” <?php if($backImg != ‘null’ && $backImg): ?>class=”hover-main-image” <?php endif; ?> width=”<?php echo $imgSize ?>” height=”<?php echo $imgHeight ?>” alt=”<?php echo $this->stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” />
</a>

Leave a Reply