生成不同大小的宽屏特色图像

时间:2016-04-21 作者:Anders Carlén

请耐心听我说:

使用缩略图功能,我们可以在上载图像时定义硬裁剪。当我有一张又细又窄的宽屏图像(比如1280px x 300 px)作为贴子标题时,这很好。

add_image_size( \'featured-image-2-L\', 1280, 400, true ); // hard crop
只要用户上传的图像比1280px宽,我们就可以了。将创建一个裁剪为1280 x 400 px的新图像。

现在,Wordpress支持img srcset开箱即用,因此我不需要在移动设备上加载1280像素宽的图像,而是以合适的大小进行优化。只要特征图像大小上的比例完全相同,Wordpress现在就能识别并自动添加srcset代码。因此,我希望上面新创建的图像按比例缩小,例如:640px乘以200px等等。

但如果我这样做:

add_image_size( \'featured-image-2-L\', 1280, 400, true ); // hard crop
add_image_size( \'featured-image-2\', 640, 200, true ); // hard crop 
创建的scond图像(当然)只显示图像的左上部分。也就是说,它从原始照片中自行裁剪,而不是缩小大的自定义特征图像。

有没有人能很好地解决这个问题?我想我的问题可以改为:“如何同时按比例裁剪和调整大小?”

1 个回复
SO网友:Trevor

我不确定我是否完全理解你的意图,但如果你尝试摆弄裁剪位置,你可能会有更好的运气。但奇怪的是,你说的是从左上角裁剪,因为默认裁剪位置是居中和居中。

add_image_size( \'featured-image-2\', 640, 200, array( \'center\', \'bottom\' ) ); // Hard crop center bottom

数组中的第一个值是x轴裁剪位置,第二个值是y轴裁剪位置。

x\\U裁剪位置接受“左”、“中”或“右”y\\u裁剪位置接受“顶部”、“中心”或“底部”

相关推荐