-
Notifications
You must be signed in to change notification settings - Fork 34
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.
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
前端的图片优化方案你知道多少? #34
Comments
使用base64编码代替图片场景:适用于图片大小小于2KB,页面上引用图片总数不多的情况 合并图片sprite(雪碧图)场景:任何用到页面图片的场景 使用css、svg、canvas或iconfont代替图片css代替图片 canvas代替图片场景:需要高性能的图片或动画 响应式图片场景:不同终端对同一个图片需求不一样,可以根据终端加载不同的图片来节省没必要的流量 图片压缩场景:在不得不加载图片的前提下,要进一步提升优化效果,只能通过有损或无损压缩来减少图片的大小。 更好的图片格式场景:之前说到webp、bpg、sharpP等新图片格式具有更好的压缩比,可以使用这类新型的图片来代替原始图片 图片压缩方法补充压缩图片方式比较多,这里不一一列出,例如下面的部分工具平台: |
借助第三方工具压缩图片; |
|
PP鸭效果不错,就是收费有点贵…… |
还收费,不好啊 |
@LuckyWinty |
No description provided.
The text was updated successfully, but these errors were encountered: