隨著互聯網的發展,網頁的設計也越來越重要。在網頁設計中,使用圖片是非常常見的,例如:導航欄、按鈕、logo等等。這時候,如果每個元素都單獨加載圖片,就會導致頁面加載速度慢,用戶體驗差。而生成雪碧圖可以有效解決這個問題。下面介紹一款常用的css雪碧圖生成軟件。
#1、CSS Sprite Generator(http://www.csssprites.com/) 這是一款簡單易用的雪碧圖生成軟件,只需要上傳需要合并的圖片,然后設置對應的CSS屬性,即可生成對應的雪碧圖和CSS代碼。 .eg-class{ background-image: url('sprites.png'); background-repeat: no-repeat; background-position: -20px -290px; width: 110px; height: 53px; }
除了上面介紹的這個軟件,還有其他一些比較好用的雪碧圖生成工具,如:TexturePacker、Sprite Cow等。在實際使用中,需要根據自己的需求選擇合適的軟件。
上一篇css連接方法
下一篇css返回頂頁的按鈕