magento图片处理 Customize Magento’s Image Resize Functionality

1. Customize Magento’s Image Resize Functionality

Need to remove the white border around your images? Don't want everything to be square? Here is how to customize the ->resize functionality in Magento.Here is what the default image resize code looks like:

<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(350) ?>

The problem is this will always give you a 350 x 350 pixel square. If your image is rectangular, you will get a white frame around it to make it square. The resize() command can be quickly and easily customized to work better with rectangular images.

->constrainOnly(true) This will not resize an image that is smaller than the dimensions inside the resize() part.

->keepAspectRatio(true) This will not distort the height/width of the image.

->keepFrame(false) This will not put a white frame around your image.

Here is what your image code would look like with all these set:

<?php echo $this->helper('catalog/image')->init($_product, 'image')->constrainOnly(true)->keepAspectRatio(true)->keepFrame(false)->resize(350, null) ?>

This would resize your images to a max 350 width and constrain the height. If your image is taller than it is wide, you will end up with a nicely resized vertical image.

Here are the various places that images are used:

/app/design/frontend/default/yourtheme/catalog/product/view/media.phtml (displays the image on your product view page)

/app/design/frontend/default/yourtheme/catalog/product/list.phtml (displays the image on category view)

This has helped us out many times. Let us know in the comments if you use it!

from: http://www.magthemes.com/magento-blog/customize-magentos-image-resize-functionality/

2. Magento: Resize Image

You can resize image with fixed height and variable width. Or, you can resize with fixed width and variable height. Following code shows how you do it in Magento.

Fixed width of 600px

<?php echo $this->helper('catalog/image')->init($_product, 'image')
->constrainOnly(TRUE)
->keepAspectRatio(TRUE)
->keepFrame(FALSE)
->resize(600,null)
?>

Fixed height of 600px

<?php echo $this->helper('catalog/image')->init($_product, 'image')
->constrainOnly(TRUE)
->keepAspectRatio(TRUE)
->keepFrame(FALSE)
->resize(null,600)
?>

The following code will resize image proportionally and not let the image be greater than height and width specified.

<?php echo $this->helper('catalog/image')->init($_product, 'image')
->constrainOnly(TRUE)
->keepAspectRatio(TRUE)
->keepFrame(FALSE)
->resize(400,400)
?>

Description of the functions used above:-

constrainOnly(bool $flag)
Guarantee, that image picture will not be bigger, than it was. Applicable before calling resize() It is false by default

keepAspectRatio(bool $flag)
Guarantee, that image picture width/height will not be distorted. Applicable before calling resize() It is true by default.

keepFrame(bool $flag)
Guarantee, that image will have dimensions, set in $width/$height. Applicable before calling resize() Not applicable, if keepAspectRatio(false).

You can resize image with Varien_Image class as well. This is most suitable when you are resizing image that is not related with catalog product.

// actual path of image
$imageUrl = Mage::getBaseDir('media').DS."myimage".DS.$post->getThumbnail();// path of the resized image to be saved
// here, the resized image is saved in media/resized folder
$imageResized = Mage::getBaseDir('media').DS."myimage".DS."resized".DS.$post->getThumbnail();// resize image only if the image file exists and the resized image file doesn't exist
// the image is resized proportionally with the width/height 135px
if (!file_exists($imageResized)&&file_exists($_imageUrl)) :$imageObj = new Varien_Image($_imageUrl);$imageObj->constrainOnly(TRUE);$imageObj->keepAspectRatio(TRUE);$imageObj->keepFrame(FALSE);$imageObj->resize(135, 135);$imageObj->save($imageResized);
endif;

You can use the resized image now as:

<img src="<?php echo Mage::getBaseUrl('media')."myimage/resized/".$post->getThumbnail() ?>" />

Another Scenario

Suppose, you have an image link. Now, you want to resize it. The image might be from any place. In this example, I am supposing the image link to be like http://localhost/magento/media/catalog/category/test_image.jpg

Now, I have to resize it. To do so, I will create a directory called resized inside media/catalog/category . And, I will save the resized file into the newly created resized directory.

// my sample image$imageUrl = "http://localhost/magento/media/catalog/category/test_image.jpg";// create folderif(!file_exists("./media/catalog/category/resized"))     mkdir("./media/catalog/category/resized",0777);// get image name$imageName = substr(strrchr($imageUrl,"/"),1);// resized image path (media/catalog/category/resized/IMAGE_NAME)$imageResized = Mage::getBaseDir('media').DS."catalog".DS."category".DS."resized".DS.$imageName;// changing image url into direct path$dirImg = Mage::getBaseDir().str_replace("/",DS,strstr($imageUrl,'/media'));// if resized image doesn't exist, save the resized image to the resized directoryif (!file_exists($imageResized)&&file_exists($dirImg)) :$imageObj = new Varien_Image($dirImg);$imageObj->constrainOnly(TRUE);$imageObj->keepAspectRatio(TRUE);$imageObj->keepFrame(FALSE);$imageObj->resize(120, 120);$imageObj->save($imageResized);endif;$newImageUrl = Mage::getBaseUrl('media')."catalog/category/resized/".$imageName;

Displaying newly created resized image.

<img src="<?php echo Mage::getBaseUrl('media')."catalog/category/resized/".$newImageUrl ?>" />

You can check other function for Varien_Image at
http://docs.magentocommerce.com/Varien/elementindex_Varien_Image.html

from: http://blog.chapagain.com.np/magento-resize-image/

magento图片处理 Customize Magento’s Image Resize Functionality相关推荐

Magento教程 18：Magento功能导览(2) 展示商品
Magento是强大的电子商务网站,可以多样化的呈现商品以及支援多种客制化选项,提供客户在选购商品时可以附上更加详细的资讯,以下就来看看Magento在商品方面的呈现. 分类商品页面 Magento教 ...
Magento教程 12：Magento快速上传大量商品的方法
利用.CSV档上传大量商品是最佳选择在Magento上传大量商品到时,经常会遇到的几个问题,非常耗时间.出现错误.有部分商品是缺货状态. 当你有上百个不同属性的商品,而且只有部分商品是现货供应的情况 ...
Magento教程 17：Magento功能导览(1) 会员功能
Magento系统内建的会员系统功能齐全,可以满足大部分电子商务网站需求,下面将介绍Magento的会员系统. 登入页面 Magento教程 17:Magento功能导览(1) 会员功能在使用任何有 ...
Magento教程 16：Magento价格规则的优先度
做为一个刚接触Magento的菜鸟,相信在设定商品时一定会感到一头雾水,这么多的参数,光是设定价格就被搞到一个头两个大了,到底该怎么弄呢? 价格.优惠价.群组价.阶层价都设定的话,究竟是会采用哪一个呢 ...
Magento教程 15：Magento 批次修改产品资料
当你拥有多笔商品资料需要修改的时候,一个一个进入产品编辑页面修改是非常花费时间的,Magento后台的产品列表中提供了批次修改的功能,减轻你在编辑大量商品资料的负担,今天要告诉大家如何在Magento ...
Magento教程 2：Magento 社群版安装教学！
想要架设Magento网站经营电子商务,却不知道如何着手吗? Astral Web将会为您介绍如何安装Magento Community Edition 1.7.0.2 社群版,帮您建立网站第一步! ...
html商品图片放大插件,PS图片无损放大/图像处理插件-ON1 Resize 2018.5
PS图片无损放大/图像处理插件-ON1 Resize 2018.5 书法字体2019.03.30ON1 Resize ON1 Resize 2018是专门为摄影师打造的一款功能强大的照片后期处理软件, ...
深度linux magento,linux下安装magento
一.环境: 1.windows 2008 :hyper-v 2.centos 6.5-i386 (64位hyper-v不识别) 3.Magento1.8.1.0 社区版(CE) 二.开始: 1.安装c ...
python opencv图片放大缩小_Python OpenCV之图片缩放的实现（cv2.resize）
OpenCV函数原型: cv2.resize(InputArray src, OutputArray dst, Size, fx, fy, interpolation) 参数解释: InputArra ...

magento图片处理 Customize Magento’s Image Resize Functionality

magento图片处理 Customize Magento’s Image Resize Functionality相关推荐

最新文章

热门文章