2012-05-05 74 views
4

由於圖片太多以及圖片太大(文件大小)而導致加載速度變慢。我已經開始將一些PNG轉換爲JPG,並且正在考慮將當前圖像滑塊/庫(一系列6張旋轉JPG圖像)更改爲一個精靈。我不確定是否可能或值得所有的努力。使用圖片精靈進行圖庫

我知道背景圖像是問題的肉,我已經在努力將它們更改爲JPG並減少它們的文件大小。鏈接如下,如果任何有經驗的html/css/js/jquery的人可以建議,如果它是1)可能使用圖庫精靈的畫廊/滑塊和2)值得嗎?它有助於加載時間?

http://tinyurl.com/7ywoqpf

+0

另外,我目前使用下面的背景屬性上的一些文本段落 背景色{RGBA(250,250,250,0.7)} 難道是速度更好使用背景圖片? –

+0

簡單的答案:(1)是和(2)沒有。不值得的原因是加載時間不會提高cw。單獨的圖像,並添加/刪除/更改圖庫中的圖像,你將不得不重新組合精靈。 –

+0

感謝您的建議。我不是一個編碼員,所以這會爲我節省很多時間,但沒有真正的收穫 - 非常感謝! –

回答

3

我不建議使用的圖像精靈的畫廊。如果你想改變任何東西,你必須修改精靈。現在對你的網站做5次修改,這是對精靈的5次修改。爲此,最好使用適當優化的獨立圖像。這樣,您只需輕鬆修改外觀順序,並根據每個案例更改圖像。

到這個網址,如果你需要重的圖像,無損壓縮:

http://kraken.io/

我用它基本上任何重型項目我的工作。

希望這有助於 摹

+1

是的。 Kraken.io是圖像優化的最佳工具。從smush.it和其他類似工具中擊敗sh * t。 – Pono