文章詳情頁
javascript - 這個雪碧圖是怎么生成的？
瀏覽：82日期：2023-05-20 17:09:53
問題描述
https://s1.hdslb.com/bfs/stat...
比普通的圖片小很多。尺寸1600*2444但是只有70kb？品質(zhì)降低？還有開發(fā)的時候這個排版是手動一個一個弄的雪碧圖？還是靠i工具生成的
問題解答
回答1：這張圖是8bit png（最大256色），對于色彩簡單的圖可以用這種格式減少體積。
回答2：有工具，/a/11...
圖片壓縮可以用 gulp-imagemin。這樣就很容易在項目集成到工作流中。
現(xiàn)在貌似用雪碧圖的相對少了些，逐漸在用svg及icon font代替了。
回答3：一般是靠工具的。我一般用的CssSprite.exe,只用自己把圖片拖進(jìn)去，然后會給你生成雪碧圖以及對應(yīng)的css
回答4：CssSprite.exe也是要手動拖進(jìn)去的
回答5：可以使用圖像編輯軟件如Photoshop將多張圖放到同一個圖層并導(dǎo)出或使用自動化構(gòu)建工具自動拼接合并后的圖片
標(biāo)簽：
JavaScript
上一條：javascript - vue v-for循環(huán)，子循環(huán)內(nèi)要取到父循環(huán)的鍵值，如何做到？下一條：javascript - webpack異步加載js問題
相關(guān)文章：
1. html - eclipse 標(biāo)簽錯誤2. javascript - js里首尾相接輪播的原理是什么？3. 求大神幫我看看是哪里寫錯了 感謝細(xì)心解答4. php自學(xué)從哪里開始？5. javascript - 如果所有請求都放到actions 里面，那拿到的數(shù)據(jù)應(yīng)該 放在哪里，state 還是vue實(shí)例里面的data？6. javascript - 數(shù)組原聲方法中的一段代碼7. javascript - 怎么實(shí)現(xiàn)移動端頁面滑動切換，從1可以滑到2 但是不能從2滑回1 這樣的效果呢？8. 數(shù)據(jù)庫 - MySQL 單表500W+數(shù)據(jù)，查詢超時，如何優(yōu)化呢？9. phpstady在win10上運(yùn)行10. python - 管道符和ssh傳文件
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備