iOS App图片的处理

iOS App图片的处理：

 

背景：由于手机分辨率的多样化，以及设备像素比率的差异，同一张图片在不同设备上的展示效果差异会很大；所以，如何能够让使用不同设备的用户拥有一致友好的观感，是一个非常重要的问题。

 

图标：按照现在业内比较成熟的做法，只需要做2X、3X的就可以了。

具体来说：

1、  在高分辨率的情况下使用3X ,如iPhone 6、iPhone 6 plus

2、  在低分辨率的情况下使用2X ,如iphone 5及更低版本

 

业务图片处理

业务图片最重要的是产品图即我们现在所说的房源图——本文重点的讨论对象。

 

方案一：在不考虑流量、加载速度的情况下，为了能够让用户看到更清晰的图像，所有设备以最高分辨率为基准。图片分三种规格

1、  缩略图 —— 应用场景：首页房源列表、聊天中提到的房源信息等

2、  中图   —— 应用场景：点击随略图，快速浏览

3、  原始图或大图 —— 应用场景：房源详细页

根据上传的原图，服务器端需要生成2种或3种不同尺寸的图片并存储到相对应的文件夹中（如：big、middle、small），这样方便客户端在需要时可以根据不同的图片尺寸来获取对应的URL

 

方案二：在考虑流量、加载速度的情况下，为了能够让用户看到更清晰的图像，设备使用的图片区分2X、3X。图片分三种规格。

1、  缩略图 —— 应用场景：首页房源列表、聊天中提到的房源信息等

2、  中图   —— 应用场景：点击随略图，快速浏览

3、  原始图或大图 —— 应用场景：房源详细页

此方案会存储大量的图片

        

方案三：使用第三方库管理图片，如http://docs.upyun.com/

此方案包含了图片上传、分片上传、cbn等统一解决方案，可自定义图片分辨率，不支持强制刷新缓存，更多详细信息，可查看文档。

使用此方案，能够节约开发成本。

 

 

总结

1、图标的使用基本没有障碍，参考主流做法。

2、业务图片推荐使用方案一，方案三也可以考虑。