【问题标题】:WordPress Image Resizing Reduces Quality of ImageWordPress 图像调整大小会降低图像质量
【发布时间】:2013-04-03 15:36:23
【问题描述】:

我正在运行一个 WordPress 3.4 版的 WordPress 站点(因此使用了现在已弃用的“image_resize”功能),我发现 WordPress 的图像大小调整能力在质量方面非常缺乏。网上似乎没有关于这个问题的任何信息(如果我错了,请纠正我)。

我的客户端上传的图片可能非常大,所以我想使用带有缓存技术的图片大小调整功能,这样访问者下载需要更小的图片就不会花费很长时间。但是当我使用图像调整大小时,我发现质量显着降低,即使 $jpeg_quality 参数设置为 100。

以下是质量差异的示例:

除了 StackOverflow 可能由于处理图像而增加的模糊性之外,主要区别在于颜色鲜艳度。左边的图片是上传到 WordPress 网站的原始图片,其原生宽度约为 800 像素。它已在 HTML 中手动调整为 200 像素宽。右边的图像是通过 WordPress 的大小调整方法以 100% jpeg 质量将大小调整为 200 像素的图像,使用以下代码:

image_resize( "/path/to/image", 200, 0, false, null, null, 100 );

谁能解释为什么这看起来如此糟糕,以及我能做些什么来解决它?

【问题讨论】:

  • “除了 StackOverflow 可能添加的模糊性” *imgur,而不是 StackOverflow。
  • 这个问题可能更适合wordpress.stackexchange.com
  • 原始 JPEG 文件是否有嵌入的颜色配置文件?如果调整大小的代码没有正确处理,它可能会解释颜色的变化。
  • @FreshPrinceOfSO 感谢您的吹毛求疵。我想我会把它放在 SO 上,因为这可能是 PHP 的原生图像编辑库的问题,因为我假设 WordPress 图像编辑使用 GD 或 ImageMagick。另外,我否认自己是 WordPress 开发人员。 :-)
  • @MattGibson 打开下载的全尺寸图像的属性,它将其颜色配置文件列为 Adob​​e RGB (1998)。密切关注颜色配置文件的想法对我来说是新的。我如何确定这是否确实是问题所在?

标签: php html image wordpress


【解决方案1】:

根据我们目前的讨论,我会说您遇到了与this earlier question 中提到的类似的效果,但我不知道您的 WordPress 3.4 安装是否会在下面使用 GD。

基本上,发生的情况是您的图像具有嵌入的 Adob​​e RGB 颜色配置文件,这(可以说,我认为)对他们来说是一件完全合理的事情,即使他们正在上网。您可能要记住,如果在不尊重这种颜色管理的浏览器中查看图像,您可以see some surprising results,并且通常似乎建议仍然是更喜欢网络的 sRGB。

我猜你的 WordPress 3.4 安装使用的调整大小过程不尊重颜色配置文件——事实上,可能会忽略它——这就是为什么在调整大小期间颜色被破坏的原因。实际上,它输出的图像仍应位于 Adob​​e RGB 空间中,但丢弃了颜色配置文件,因此该图像在 sRGB 中重新解释,这使事情看起来很柔和。

有两种选择,我想说:

  • 查看某种尊重图像颜色配置文件的大小调整过程(如之前的问题中所述,升级 GD 库,如果这是正在使用的,或者切换到基于 ImageMagick 的解决方案,比如说.) 我没有尝试过,但如果你可以在你的服务器上安装 ImageMagick,看起来this WordPress plugin 将允许你使用它来相当轻松地调整图像大小。它特别提到了在调整大小时尊重颜色配置文件。

  • 查看在 sRGB 颜色空间中导出图像是否可以解决调整大小的问题。这可能是最简单的解决方案,如果我认为正在发生的事情就是实际发生的事情,它可能会起作用。尽管图像在通过调整大小后可能最终没有嵌入的颜色配置文件,但几乎所有看到它们的东西都会假定它们是 sRGB。

【讨论】:

  • 这行得通。我使用 sRGB 配置文件导出了原始图像,结果更加准确(我有一个额外的问题,即拥有 MacBook Pro Retina 显示器,这会使一些图像看起来很差)。至于提到的 WordPress 插件,我还没有尝试过。在客户端服务器上安装 ImageMagick 可能很困难,因为它很便宜,我怀疑我是否能够访问命令行。现在,我将简单地教育我的客户如何为网络准备他的图像。再次感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-11-12
  • 1970-01-01
  • 2011-01-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-06
相关资源
最近更新 更多