文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - 这个雪碧图是怎么生成的？
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:56:32
[JavaScript讨论组]
0 5 1320
举报

https://s1.hdslb.com/bfs/stat...

比普通的图片小很多。尺寸1600*2444但是只有70kb？品质降低？
还有开发的时候这个排版是手动一个一个弄的雪碧图？还是靠i工具生成的

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回复(5)
天蓬老师
天蓬老师2017-06-26 10:58:32 5楼

这张图是8bit png（最大256色），对于色彩简单的图可以用这种格式减少体积。

赞 +0
添加回复
迷茫
迷茫2017-06-26 10:58:32 4楼

有工具，/a/11...

图片压缩可以用 gulp-imagemin。这样就很容易在项目集成到工作流中。

现在貌似用雪碧图的相对少了些，逐渐在用svg及icon font代替了。

赞 +0
添加回复
阿神
阿神2017-06-26 10:58:32 3楼

一般是靠工具的。我一般用的CssSprite.exe,只用自己把图片拖进去，然后会给你生成雪碧图以及对应的css

赞 +0
添加回复
淡淡烟草味
淡淡烟草味2017-06-26 10:58:32 2楼

CssSprite.exe也是要手动拖进去的

赞 +0
添加回复
扔个三星炸死你
扔个三星炸死你2017-06-26 10:58:32 1楼

可以使用图像编辑软件如Photoshop将多张图放到同一个图层并导出或使用自动化构建工具自动拼接合并后的图片

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部