javascript - 這個雪碧圖是怎麼生成的?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:56:32
0
5
905

https://s1.hdslb.com/bfs/stat...

比普通的圖片小很多。尺寸1600*2444但只有70kb?品質降低?
還有開發的時候這個排版是手動一個一個弄的雪碧圖?還是靠i工俱生成的

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回覆(5)
Peter_Zhu

這張圖是8bit png(最大256色),對於色彩簡單的圖可以用這種格式減少體積。

迷茫

有工具,/a/11...

圖片壓縮可以用 gulp-imagemin。這樣就很容易在專案整合到工作流程。

現在看似用雪碧圖的相對少了些,逐漸在用svg及icon font取代了。

阿神

一般是靠工具的。我一般用的CssSprite.exe,只用自己把圖片拖進去,然後會給你生成雪碧圖以及對應的css

淡淡烟草味

CssSprite.exe也是要手動拖進去的

扔个三星炸死你

可以使用影像編輯軟體如Photoshop將多張圖放到同一個圖層並導出或使用自動化建構工具自動拼接合併後的圖片

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板