2013-11-24 64 views
3

忽略每一個GIF的大小,這裏有2種方式中,我試圖加載的GIFGIF的尺寸是否會影響網頁的性能?

  1. 裝入GIF的拉伸/ compresssing通過調整違約相同的GIF的400像素X 400像素
  2. 負載大小默認大小爲100px x 100px

這兩種情況是否會影響渲染引起的性能,如果是的話,我們可以通過減少圖像大小來獲得多少性能提升?

注:這是元件的尺寸,我不扭捏的GIF

+1

更改呈現分辨率總是會影響性能,因爲它會改變必須寫入的像素數量以及對源圖像執行的任何縮放比例(並且縮放比例的消耗取決於算法 使用)。大小影響性能的數量在很大程度上取決於瀏覽器和系統。 –

回答

3

瀏覽器調整圖像大小的實際大小確實影響性能,當談到渲染。

tips for best performance

比你需要的,只是因爲你可以設置 寬度和高度在HTML中,不要使用更大的圖像。如果您需要,那麼您的圖片(mycat.jpg)應該是 100x100px,而不是縮小的500x500px圖片。

大概它影響多少,它取決於您應用調整大小的大小以及您在一個頁面上調整大小的圖像數量。

啊,found the link我試圖記住:

龍圖像解碼,不必要的圖像尺寸調整,動畫和 數據處理都可以導致丟幀,這降低了 幀速率,導致janky頁

+0

這是否意味着將500px x 500px圖像縮小至50px x 50px是一個壞主意? –

+0

@SrikanthRayabhagi:在瀏覽器上調整圖片大小,無論是向上還是向下放大,都會比在不縮放的情況下投放圖片花費更多。 –

+0

@SrikanthRayabhagi:我理解了你的問題嗎?你正在問使用HTML調整客戶端上的'gif',對吧? –

相關問題