对WordPress中的图像大小调整业务感到困惑

时间:2014-05-09 作者:user1981248

我正在创建我的第一个Wordpress主题,通过以下方式,我已使一切正常运行this tutorial 还有一些我了解如何使用add\\u image\\u size()函数添加自定义图像大小。然而,我只是不知道什么时候该选择什么图像大小。

例如,在我的主题中,我创建了一个博客模板,在3列中显示博客缩略图。每列的宽度约为400px。因此,我的第一个猜测是,我应该创建一个400px宽的图像大小,以便在加载博客页面时加载图像。

我首先感到困惑的是,我应该设置多高?我应该:

add_image_size(\'blog-grid\', 400, 300, true), // Or
add_image_size(\'blog-grid\', 400, 500, true), etc. // Or
add_image_size(\'blog-grid\', 400, \'auto\', true), etc. // Can I set it to \'auto\'?
因为真的,我怎么知道图像的高度呢?我宁愿设置宽度,让高度自动调整到比例,这样我就不用裁剪图像了。此外,在网格中具有不同的高度不会破坏我的布局或任何东西,如果我选择砖石布局,甚至可能看起来很好。

我的第二个困惑是,当浏览器重新调整大小时,列会相互堆叠(我使用的是引导),因此显示的图像会增加。这是否是选择自定义图像大小的一个因素?

我的另一个担忧是,我给了用户一个选项,可以在2列、3列和4列网格布局之间进行选择。我应该为这些创建3种不同的图像大小,或者选择三种平均值会更好。

此外,我检查了一个主题,发现它使用的图像是所需图像大小的两倍。例如,在一个博客中,一列的宽度为400px(图像也是如此),用于此的图像大小超过800px。这与视网膜显示有关吗?因为我相信我已经在我的主题中通过使用视网膜解决了这个问题。js和以下内容this tutorial. 在添加自定义尺寸时,我还需要担心视网膜显示吗?

我知道这些问题可能听起来很愚蠢,但我真的很感谢大家对我的帮助。谢谢

1 个回复
最合适的回答,由SO网友:Steven Jones 整理而成

我宁愿只设置宽度,让高度自动调整到比例,这样我甚至不必裁剪图像。

如果图像的比例不尽相同,则必须进行一些裁剪。如果要避免裁剪,则需要确保在将图像放入WordPress之前对其进行了编辑。

例如,如果要一致地输出400x300(无任何裁剪)的图像,则原始图像需要具有相同的比例,例如1200x900像素。如果原始图像为1100x900像素,则图像将被裁剪。

如果你只担心宽度是否一致,那么你可以这样做:

add_image_size( \'blog-grid\', 400, 9999, true );
我的另一个担忧是,我给了用户一个选项,可以在2列、3列和4列网格布局之间进行选择。我应该为这些创建3种不同的图像大小,或者选择三种平均值会更好。

默认情况下,引导堆栈为767px及以下,所以在较大的手机上,这些图像可能看起来不太好。我通常在iPhone和稍大一点的Andriod设备上进行测试,但这取决于你的要求——500px通常就足够了。

此外,我检查了一个主题,发现它使用的图像是所需图像大小的两倍。例如,在一个博客中,一列的宽度为400px(图像也是如此),用于此的图像大小超过800px。这与视网膜显示有关吗?因为我相信我已经在我的主题中通过使用视网膜解决了这个问题。js和遵循本教程。在添加自定义尺寸时,我还需要担心视网膜显示吗?

如果您已经按照教程进行了操作,并且对生成的图像感到满意,那么听起来您就不需要再做了。唯一真正知道的方法是测试它。

结束

相关推荐

如何使用图片上传的getimageSize()?

我需要通过media box检查要上载的图像的分辨率,然后将其上载到自定义目录。作为起点,我使用了How Can I Organize the Uploads Folder by Slug (or ID, or FileType, or Author)?其中一部分是这样的:function wpse_25894_custom_upload_dir($path) { $use_default_dir = ( isset($_REQUEST[\'post_id\'] )