微博、微信图片压缩&预览策略
客户端本地处理:一般通过调节图片的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% ;
更多推荐
所有评论(0)