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 格式的优势就不存在了)。

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

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

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

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

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

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

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

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>