CSS圖片拼合產生器只需上傳zip包即可

來源:互聯網
上載者:User

簡單介紹下:CSS 圖片拼合 (CSS sprites) 可有效降低圖片檔案的 HTTP 串連請求數. 多個圖片將以一定間距合并為一個大圖片檔案. 頁面中使用這些圖片的元素將利用 background-position 這一 CSS 屬性來顯示拼合圖片中的指定位置。這一技術可有效提升網站效能, 尤其是網頁上有眾多小圖片時, 如許多功能表列表徵圖.
這裡有一篇Realazy的CSS Sprites技術詳細介紹,CSS Sprites被我生生譯成了CSS圖片拼合,希望大家不要抗議:P 有更好的譯法歡迎大家提出 ^^
下面給大家介紹個CSS圖片拼合產生器,將眾多小圖片打包成ZIP檔案,上傳上去,即可自動產生拼合後的圖片和CSS規則,還可以自訂背景色,是否背景透明,CSS選取器的前尾碼等,功能強大^ ^
呃,為什麼要介紹呢?因為中文介面是我翻譯的,有任何更好的翻譯建議請提出。
翻譯文本可以從Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置檢出。

http://spritegen.website-performance.org/?action=home&lang=cn

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.