微博、微信图片压缩&预览策略

缩略图规则

图片显示在正方形的框里，该正方形大小，随屏幕等分
图片短边长=正方形边长。长边等比缩放。
缩略图取该图片的中间区域展示。

点击缩略图可以全屏展示该图片。

全屏展示图片的规则

Ø  图宽＜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% ;