文章詳情頁
javascript - 這個雪碧圖是怎么生成的？
瀏覽：79日期：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. mysql - 請問數據庫字段為年月日，傳進的參數為月，怎么查詢那個月所對應的數據2. javascript - 我的站點貌似被別人克隆了， google 搜索特定文章，除了域名不一樣，其他的都一樣，如何解決？3. mysql - 如何在有自增id的情況下，讓其他某些字段能不重復插入4. [python2]local variable referenced before assignment問題5. php - 微信開發驗證服務器有效性6. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？7. javascript - 求幫助 , ATOM不顯示界面!!!!8. Python2中code.co_kwonlyargcount的等效寫法9. javascript - vue+iview upload傳參失敗 跨域問題后臺已經解決 仍然報403，這是怎么回事啊？10. html - 移動端radio無法選中
排行榜
網公網安備