网站上iPhone

http://imgur.com/a/UpbmC 网站上iPhone

显示绿色损坏的JPEG图像有没有人遇到了这个问题之前？我好像在Safari上获取损坏的图像或恶意渲染，而在Chrome上却没有问题。该网站是http://thefinfan.com。

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

如果有人有任何想法，请让我知道。谢谢！

来源

2013-05-10 thefinfan

是的，图像太大了。没有必要将它们放在任何接近该文件大小的地方，即使对于视网膜显示器也是如此。看看这篇文章，这表明你得到的图像的高品质的Retina显示屏，让他们大尺寸，但以低质量保存它们：

http://blog.netvlies.nl/design-interactie/retina-revolution/

来源

2013-05-10 08:33:10

这是一个负责任的WordPress网站，但这样大的图像需要显示桌面和iPhone的小图像。问题是我不知道在wordpress中动态地做这件事的好方法。你能够在iPhone上重现吗？ – thefinfan 2013-05-10 08:47:34

目前您的图片文件大小*方式*对于桌面来说太大......大约比需要大10-20倍。如果你以10％的质量保存它们，同时保持尺寸不变（尽管我会减少它们，因为它们比所需要的大），你仍然会得到相同的视觉效果（我自己测试过）。我在iPhone上测试过。我没有像你那样得到尽可能多的绿色，但我通过无线网络连接。我指出你处理所有设备的图像的文章。在我看来，这是一种适合所有选择的方法 - 远远好于目前人们正在投入的多图像JS选项。 – 2013-05-10 08:51:50

感谢您的帮助。我将开始降低图像的质量。 – thefinfan 2013-05-10 09:15:48

回答

相关问题