請告訴我

我也碰到過這個規則YSlow爲說，圖像不應該在HTML被調整性能改善YSlow的規則「不要縮放圖像的HTML」背後的基本原理。他們沒有提到這個規則的任何具體原因。任何想法請告訴我

2012-02-16 Ankit Dhingra

更大的圖像是不好的，因爲還有浪費帶寬，兩個同時HTTP連接的限制意味着瀏覽器將無法加載其他組件，而圖像被下載，讓你的JavaScript或任何可能採取了很多處理時間更長。

另外，處理時間在客戶端重新縮放該圖像將使用的CPU週期和減速頁面呈現。在您可能認爲的快速桌面上並不是那麼糟糕，但對網頁加載時間的看法可能會受到甚至1/10秒的影響（請參閱點5 here - 100ms =亞馬遜的1％銷售額損失）。由於處理器功能不夠強大，移動設備將不得不重新調整大小，因爲它們的處理器功能不夠強大。

YSlow的整體事情是用戶對速度感知的90％是關於客戶端的處理，而不是來自服務器的加載時間，這就是爲什麼他們對此非常不滿意的原因。

較小的圖像在調整大小時也會浪費CPU，並且會額外看像素化，因此也是如此糟糕。

來源

2012-02-16 14:10:21

除了高DPI屏幕確實需要HTML縮放填寫額外的像素，根據@ OZZIE的答案。 YSlow不能依賴於該警告。 – duncanwilcox 2015-07-28 09:26:15

更高分辨率的圖像不僅會在瀏覽器縮小時看起來很糟糕，還會消耗不必要的帶寬。

來源

2012-02-16 14:01:33 aross

主要的原因是，如果你在60X40顯示圖像，您將不再需要一個600x400的圖像是較重的。

來源

2012-02-16 14:02:33 sinsedrix

閱讀說明的標題下：

比你需要的，只是因爲你可以設置寬度和高度在HTML中，不要使用更大的圖像。如果您需要
<img width="100" height="100" src="mycat.jpg" alt="My Cat" />
那麼您的圖片（mycat.jpg）應該是 100x100px，而不是縮小的500x500px圖片。

的理由是，如果你要擴展下的圖像，爲什麼不首先使用較小的圖像？

它沒有提到縮放增加，但我不會推薦，因爲雖然你會有一個較小的圖像加載，它看起來不會很好，一旦放大。不過值得一試的是，如果你對質量的損失感到滿意，你可以在文件大小方面節省不少費用。

來源

2012-02-16 14:02:51

一般：

如果設置尺寸比實際尺寸小於實際下載的文件將大於它可以是（所以它是不必要的網絡負載）
如果設置大小比實際尺寸更高除圖像看起來價值超過它可以是
它是瀏覽器CPU佔用率小的開銷

真的是你應該考慮，但在某些情況下，最好通過瀏覽器日至調整圖像一個有很多圖像或準備在服務器端。

來源

2012-02-16 14:03:20 oryol

顯然他們還沒有聽說過視網膜屏幕......如果你想要一個視網膜分辨率圖像，它需要是像素大小的兩倍。因此，如果您的圖像以100x100px顯示，則需要200x200px才能在視網膜屏幕上看起來清晰。但是，你不應該讓它變得比這更大。

有許多技術可以檢測用戶是否擁有視網膜屏幕，並且只有在他/她擁有該視網膜時纔會加載較大的圖像。

這對我來說也沒有任何意義設定一般規則「圖像不應該縮放」無異常（S）..

來源

2015-02-25 08:38:25 OZZIE

回答

相關問題