31. Magento图片大小调整的相关代码

Magento默认模板的列表页图片是135*135

很明显这个是在产品列表页的Grid显示模式中显示产品图片的一段代码。我们忽略除了src属性以外的
其他属性。首先，调用Mage_Catelog_Helper_Image助手，
该类用于生成各种形式的产品图片，例如在列表页，
产品单页及缩略图等。我们注意到在上述代码中，
resize()的参数为135，即设置当前图片的宽度为135px。
该方法实际上有两个参数，第二个为图片宽度。可以在Mage_Catelog_Helper_Image中找到如下代码，

下图为默认模板下，不改动代码，系统自动生成的135*135的图片。你可能会感到奇怪，图片很明显
是一张矩形而非正方形，怎么可能是135*135的图片呢？
如果仔细看的话，会注意到图片的上方有白色的背景，
实际上，上下的白色背景，也是这张135*135图片的组成部分
。用Firebug查看下该图片的URL地址，
就能发现该图片实际上并非你上传到产品中的那张图片，
而是Magento系统根据代码中的设置，自动生成的一张新尺寸的图片。
不出意外的话，应该可以在media/catelog/product/cache/[xx]/small_image
文件夹中看到135x的文件夹，
这里即保存为该图片生成的135*135的新尺寸图片。
我们可以理解为，在模板中，同一张图片被生成了各种可能需要的尺寸。

31. Magento图片大小调整的相关代码相关推荐

image图片大小调整和方向调整（UIImageOrientation）
图片大小调整: 此处是写在UIImage分类中的方法self即为image,size为自己传入的大小,根据size生成图片图片不会被剪裁,但可能会被拉伸变形. - (UIImage *)thumWit ...
使用伪元素插入图片大小调整问题
css使用伪元素插入图片大小调整问题需求描述: 想要利用伪元素在a标签后插入图片,调整为合适大小. 效果图: 问题描述: 使用伪元素例如::after的content属性插入图片不能调整图片大小问题 ...
java修改图片rgb_java图片色阶调整和亮度调整代码示例
对Java图片处理的内容涉猎不深,言辞简陋望请见谅. java实现色阶调整,即调整图片rgb分量,进而也可以调节图片亮度. 测试代码 public static void main(String[] ...
【Python黑科技】图片太大不能上传？三种压缩图片大小的方法（代码注释详细）
目录实现效果原图大小8.46MB PIL库quality降低图片质量方式压缩图片366KB PIL库thumbnail压缩图片大小来压缩图片985KB OpenCV缩放图片大小来压缩图片 177K ...
CSDN中的图片大小调整
1. 插入图片写博客的时候,如果直接截图粘贴到博客中的话,图片的位置和大小都不好修改,因此最终的博客排版出来就会显得比较乱.而如果将需要插入的图片先保存到本地的文件夹中,再从文件夹中插入的话就能 ...
富文本内图片大小调整，判断有无图片，限制图片大小
//限制富文本内图片大小,有无图片,限制图片大小const theEle = this.$refs.text; //获取到元素console.log(theEle.value);//获取到富文本内容v ...
php|thinkphp程序合成图片+文字+图片大小调整+正方形转换圆角+去除白色边框
/** * 图片合成工具类 * 说明: * 拿过来不一定可以使用,需要自行调整每一步骤的参数, * 处理步骤分开,调整大小--改变圆角--合成图片--添加文字 * 比较清晰,也可以封装到一个 ...
志愿者报名图片大小调整
最近报名了一个马拉松的志愿者,里面对于报名的照片有如下要求: 格式为jpg,尺寸为413像素*531像素(宽*高),分辨率为300dpi(像素/英寸):文件大小应在100KB到500KB之间(相当于标 ...
CSDN博客中图片大小调整
最近在写博客时,上传照片,发现原图太大,影响阅读效果后经过高手指点具体实现过程为: 平常插入照片代码: ![在这里插入图片描述] (https://img-blog.csdnimg.cn/2442 ...
bootstrap之按钮大小+图片大小调整
一效果如下技术要点: 1. 按钮通过font-size调整大小, 2. img通过width调整大小 img{ width:200px;height:200px;} 二代码 <!DO ...

31. Magento图片大小调整的相关代码

31. Magento图片大小调整的相关代码相关推荐

最新文章

热门文章