CSS Sprite是一項很實用的技術,它能幫你將網頁中使用的一些圖示或圖片合併成一張圖片,再通過Background屬性的定位來為每個元素添加背景圖片,從而大大提升網頁的載入速度。可惜CSS Sprite使用起來稍有麻煩,如果你正在用或是打算用這項技術,可以試試CSS Sprites Generator這個線上圖片組合工具!

如果你的網頁中圖示圖示較多,勢必影響網頁的載入速度,如果用CSS Sprites Generator就要吧輕易的將你的網頁中的圖片組合起來,將它們拼成一張大圖,減少HTTP請求數,使網頁的載入速度得以大大提高。很多大型網站都有使用此類功能,以提高網頁載入速度,比如Yahoo!首頁便是。

CSS Sprites Generator是一個非常實用的網站工具,它不只是簡單的幫你將圖片組合起來,它還能幫你算好位置並且顯示出來,也就是將多個圖片以一定間距合併為一個大圖片檔,讓你不必自己辛苦計算位置,很方便。

網    址:http://csssprites.com/

網站語言:英文

服務地區:全球

使用限制:無

    全站熱搜

    jianmin2 發表在 痞客邦 留言(0) 人氣()