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

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

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

網    址：http://csssprites.com/

網站語言：英文

服務地區：全球

使用限制：無

arrow
arrow
    全站熱搜

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

    E-mail轉寄