WordPress 图片自动缩放可能会增大图片文件尺寸

昨天通过 WordPress 后台编辑文章的时候上传了一张图片(见此文),偶然发现该图片经过 WordPress 自动缩小尺寸之后的图片文件增大了约三倍(由原来的 31KB 增大到 100KB)。这种现象只出现在某些特殊的 PNG 格式图片上,特别是当图片尺寸缩小不是很多的情况下。

该文中使用的图片是一张网页截图,原始尺寸 655*297,原始大小 30.7KB。在上传的过程中经过 WordPress 自动缩放为 3 种大小,

  • 150*150 缩略图,文件大小 14KB
  • 400*181 中等大小,文件尺寸 64KB,增大约 1 倍
  • 520*235 大图,文件尺寸 100KB,增大约 2.5 倍

本来使用自动缩放是为了给页面提供尺寸更合适的图片,避免浏览器下载原始尺寸的图片然后再根据设置进行缩放的,希望能够减少下载文件的大小。但是上面的例子中,如果不使用原图而使用缩小过的图片,则不管是中等尺寸还是大尺寸的,都显著增加了下载文件大小,当然也就增加了页面加载时间和服务器流量消耗。这样简直就是与当初的意愿背道而驰。

幸好并不是所有的 PNG 图片都存在这样的问题。对我网站上的 PNG 类型图片检视之后发现,这种情形基本上都发生在原图与缩小图片的尺寸相差不大的情况下。特别是在图片中文字内容较多的时候,缩放过程需要对字体进行模糊处理,从而增加了文件尺寸(似乎是因为这样一来 PNG 格式的优势就不存在了)。

如果出现这种情况,还不如使用原始图片,然后让浏览器负责根据页面中图片属性进行缩放。

建议大家以后注意这种问题。可以将原图插入到文章,然后单击图片进行编辑,选择合适的缩放比例。而不是将裁剪后的图片插入到文章。©

本文发表于水景一页。永久链接:<http://cnzhx.net/blog/wordpress-resize-photos-increases-file-size/>。转载请保留此信息及相应链接。

4 条关于 “WordPress 图片自动缩放可能会增大图片文件尺寸” 的评论

  1. 引用通告: 禁用 WordPress 图片自动缩放 « 水景一页

  2. 咱俩的关注点真的很近似啊。
    我上周还想写wordpress的缩略图很精简,用google page speed看,基本无法再进行尺寸方面的优化(这个应该是GD的功劳吧),很适合直接插入文章中使用。就看到你写了一篇观点相反的文章。
    不过我测试的都是jpg图片。

    • 嗯,对 JPG 图片的处理很不错。而且这样也的确方便,因为不需要在显示的时候动态缩放。这种比较适合那些分享照片的用户。
      但是对于写技术文章的朋友,图片通常是界面截图,而且是 png 格式。烦就烦在裁减后的小尺寸反而体积大很多。
      其实最好的做法就是只保留“缩略图”和另外一种尺寸(最好是刚好占满文章栏的宽度,或稍小些)的副本,然后在上传图片之前对图片进行处理。
      总的来说,这个功能真是非常棒,不能不用,但是用的时候要注意。

时间过去太久,评论已关闭。
如果您有话要说,请到讨论区留言并给出此文章链接。
谢谢您的理解 :-)