網站上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

回答

相關問題