调整和裁剪缩略图照片的大小

时间:2012-08-27 作者:GeorgeK

我使用的是wordpress主题,滑块显示的图像为600x400,主页上的相同图像为290x180,但在文章中,相同的图像显示为600x250(!)。如果图像是一部手机(例如iPhone),则在两个第一尺寸的版本上显示正确,但在最新的600x250版本中显示正确,您可以看到没有顶部和底部边缘的iPhone。

我下载了插件后缩略图编辑器,它允许我单独更改创建的每个大小版本并裁剪图像,但不允许我单独调整图像大小。例如,在600x2500版本上,我可以将手机的高度调整为250,以便在标题(600x250)大小的版本中正确显示。

你知道有没有插件可以让我在后台直接编辑图像,而不需要使用photoshop?

3 个回复
SO网友:brent

我创建了Post缩略图编辑器插件,这听起来像是它应该解决的问题类型。然而,我相信答案取决于网站的响应能力(即网站如何根据浏览器大小改变图像,如手机、平板电脑等)。

根据上面的示例,可能至少应该定义4个帖子缩略图:Slider(600x400)、homepage thumb(290x180)、article(600x250)和article mobile(300x100)。使用PTE插件,您可以根据需要裁剪每篇文章的缩略图。但是,主题或管理站点响应的插件需要在其代码中使用两个文章帖子缩略图来引用不同的帖子缩略图。

SO网友:Puneet Sahalot

WordPress具有从媒体库直接裁剪、调整大小、翻转和旋转图像的功能。您可以结帐this link 获取完整的详细信息和说明。

SO网友:Sanc

您可以使用一些CSS+JS来实现这一点。它实际上不能称为裁剪,但如果使用隐藏溢出的框,则可以完成此操作。

使用JS进行尺寸标注,使用CSS先前应用的相对位置,使用top=-(image\\u height-box\\u height)/2[(600-250)/2=-175px(对于这种情况)。使用\\u post\\u thumbnail()获取缩略图时,必须应用600600的数组维度。这将使宽度为600px的图像居中于长方体的垂直中间。

您可以构建一个稍微复杂一点的函数,检查方框和图像尺寸,然后使用条件为垂直或水平应用适当的位置,这样您就可以通用地使用它。

希望有帮助。

结束

相关推荐

Thumbnail images

是否有任何方法可以根据帖子所选的特色图像为每篇帖子自动生成150x150的缩略图?这比手动进入每篇文章、复制150x150图像URL并将其粘贴到自定义字段中要好。