New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

图片选择的优化 #23

Open

zenglinan opened this issue Sep 18, 2019 · 0 comments

Owner

zenglinan commented Sep 18, 2019

1. 选择合适的图片格式

png
- png8: 体积小, 色彩支持没 png24, png32 那么丰富, 支持透明
- png24: 色彩比较丰富, 不支持透明
- png32: 在 png24 的基础上支持了透明
jpg: 不支持透明, 压缩率搞, 体积较小, 有损压缩
webp: 压缩程度更好, 但在 IOS 上有兼容问题
svg: 代码内嵌, 体积较小, 放大不失真, 但 svg 绘制能力有限

常见图片优化场景

图片压缩
用雪碧图将多张图片整合为一张, 减少 HTTP 请求
对一些体积小的图片, 不必去进行 HTTP 请求, 可以将图片的 base64 代码内嵌到 HTML
在安卓上使用 webp 格式的图片

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment