您的位置：首页技术文章
文章详情页

javascript - 这个雪碧图是怎么生成的？

浏览：147日期：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
上一条：javascript - vue v-for循环，子循环内要取到父循环的键值，如何做到？下一条：javascript - webpack异步加载js问题
相关文章：
1. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题2. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）3. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！4. angular.js - angularjs的自定义过滤器如何给文字加颜色？5. mysql - SQL操作时间的函数?6. java - mybatis怎么实现在数据库中有就修改,没有就添加7. 正则表达式 - python pandas的sep参数问题8. MYSQL新建用户设置可以远程访问的问题9. docker内创建jenkins访问另一个容器下的服务器问题10. docker api 开发的端口怎么获取？
排行榜
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
1. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）
2. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！
3. angular.js - angularjs的自定义过滤器如何给文字加颜色？
4. java - mybatis怎么实现在数据库中有就修改,没有就添加
5. 正则表达式 - python pandas的sep参数问题
6. docker内创建jenkins访问另一个容器下的服务器问题
7. mysql - SQL操作时间的函数?
8. MYSQL新建用户设置可以远程访问的问题
9. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
10. docker api 开发的端口怎么获取？
热门标签