微博、微信图片压缩&预览策略
客户端本地处理：一般通过调节图片的quality和 size来调整上传图片的质量。quality一般选择90%以上，最高选95%。千万不要选100%....size看要求的精细度了，基本原则就是：大图等比缩，小图不动刀。如果图片有大段文字，想要阅读体验好，就得考虑超长的图长宽比不同如何处理。根据自己需要划分档次。==举个简单栗子：1280px*1280px容器内等比缩小
缩略图规则
图片显示在正方形的框里，该正方形大小，随屏幕等分
图片短边长=正方形边长。长边等比缩放。
缩略图取该图片的中间区域展示。
点击缩略图可以全屏展示该图片。
全屏展示图片的规则：
Ø 图宽＜400px，高＜屏幕高
宽不变，高不变，水平垂直居中屏幕展示
Ø 图宽＜400px，高≥屏幕高
宽不变，高不变，水平居中，垂直方向从图片顶端开始展示
Ø 图宽大于等于400
宽适配屏幕宽，高等比放大或缩小
放大或缩小后的高＜屏幕高，垂直居中屏幕显示
放大或缩小后的高≥屏幕高，垂直方向从图片顶端开始展示
客户端本地处理压缩
一般通过调节图片的quality和 size来调整上传图片的质量。
Ø 图片宽高均≤1080px时，图片尺寸保持不变，（这里增加一个判断，如果图片大小＞500k）图片压缩quality=70% ;
Ø 宽或高均＞1080px :
——图片宽高比≤2，则将图片宽或者高取大的等比压缩至1080px，（这里增加一个判断，如果图片大小＞500k）图片压缩quality=70% ;
——但是图片宽高比＞2时，则宽或者高取小的等比压缩至1080px，（这里增加一个判断，如果图片大小＞500k）图片压缩quality=70% ;
Ø 宽高一个＞1080px，另一个＜1080px，但是图片宽高比＞2时，则宽高尺寸不变，（这里增加一个判断，如果图片大小＞500k）图片压缩quality=70% ;
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)