文章详情页
javascript - 这个雪碧图是怎么生成的？
浏览：232日期：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. python的文件读写问题？2. 网络爬虫 - python sys 模块 设置编码老是报错3. mysql新建字段时 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 报错4. python - pip install出现下面图中的报错 什么原因？5. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？6. html5 - 目前 公司App 嵌入H5页面 做个 手机支付功能 没有做过 所以 请求各位有经验的 给个思路7. pdo_mysql 值自增写法8. 利用百度地图API定位及附件商家信息服务9. android - 百度地图拖拽图标后原来位置的图标还在？10. html - 关于CSS实现border的0.5px设置？
排行榜
网公网安备