文章詳情頁
javascript - 這個雪碧圖是怎么生成的？
瀏覽：140日期：2023-05-20 17:09:53
問題描述
https://s1.hdslb.com/bfs/stat...
比普通的圖片小很多。尺寸1600*2444但是只有70kb？品質降低？還有開發的時候這個排版是手動一個一個弄的雪碧圖？還是靠i工具生成的
問題解答
回答1：這張圖是8bit png（最大256色），對于色彩簡單的圖可以用這種格式減少體積。
回答2：有工具，/a/11...
圖片壓縮可以用 gulp-imagemin。這樣就很容易在項目集成到工作流中。
現在貌似用雪碧圖的相對少了些，逐漸在用svg及icon font代替了。
回答3：一般是靠工具的。我一般用的CssSprite.exe,只用自己把圖片拖進去，然后會給你生成雪碧圖以及對應的css
回答4：CssSprite.exe也是要手動拖進去的
回答5：可以使用圖像編輯軟件如Photoshop將多張圖放到同一個圖層并導出或使用自動化構建工具自動拼接合并后的圖片
標簽：
JavaScript
相關文章：
1. PC端訪問卻變成移動端地址問題#python#scrapy2. javascript - 京東首頁如何實現pc端和移動端加載不同的html的？3. javascript - 阿里云虛擬主機怎么運行webpack打包的vue餓了么web-app4. angular.js使用$resource服務把數據存入mongodb的問題。5. javascript - uc、qq、搜狗 以上三個手機瀏覽器判斷移動端的js代碼不執行6. python - nginx+uwsgi啟動提示 nginx: [emerg] unknown directive "socket"?如何解決？7. python3.x - python3.5使用pyinstaller打包報錯找不到libpython3.5mu.so.1.0等文件求解？8. python round 四舍五入？9. python - 請問django的orm能否獨立拿出來使用？例如在非web程序中使用10. mysql優化 - mysql like語句會導致全表掃描？
排行榜
網公網安備