网站在 iPhone 上显示绿色损坏的 jpeg 图像答案

【问题标题】：Website displaying green corrupted jpeg images on iPhone网站在 iPhone 上显示绿色损坏的 jpeg 图像
【发布时间】：2013-05-04 21:17:49
【问题描述】：

以前有人遇到过这个问题吗？我似乎在 iPhone 的 Safari 上得到损坏的图像或糟糕的渲染，而在 Chrome 上它很好。该网站是http://thefinfan.com。

原因可能是因为图像很大，但被响应式布局缩小了。所以图像仍然是完整的高分辨率图像，但它被强制向下。

如果有人有任何想法，请告诉我。谢谢！

【问题讨论】：

【解决方案1】：

是的，图片太大了。无需将它们放在该文件大小附近，即使对于视网膜显示器也是如此。看看这篇文章，它表明你可以通过给它们大尺寸但以低质量保存它们来获得高质量的视网膜显示图像：

【讨论】：

这是一个响应式的 wordpress 网站，因此需要在桌面上显示大图像，在 iPhone 上显示小图像。问题是我不知道在 wordpress 中动态执行此操作的好方法。你能在 iPhone 上重现吗？
您当前的图像文件大小对于桌面来说也方式太大了...大约是所需大小的 10-20 倍。如果你以 10% 的质量保存它们，同时保持尺寸不变（尽管我会减少它们，因为它们比需要的大得多）你仍然会得到相同的视觉结果（我自己测试过）。我在 iPhone 上做过测试。我没有你那么绿，但我是通过 wi fi 连接的。我向您指出的文章处理所有设备的图像。在我看来，这是一种适合所有选择的方法——比人们目前使用的多图像 JS 选项要好得多。
感谢您的帮助。我将开始降低图像质量。