当前位置:首页 > 运营推广

产品逻辑中的图片设计方案

时间:2019-08-23 19:12:18来源:运营推广作者:seo实验室小编阅读:61次「手机版」
 

图片逻辑

大部分APP都拥有看图传图等功能,那么在这些场景下面,该如何处理图片的功能逻辑呢?本文作者就此来简单分析一下。

图片的技术处理方案还是比较成熟的,网上有很多方法可以调用。但是PM还是应该了解相应的技术逻辑,尤其是需要提升图片展示效率、减轻图片存储压力的时候。

接下来我从图片的选择-上传-存储-下载-展示等步骤,慢慢的梳理图片的功能逻辑。

选择图片

产品中的图片,往往来源于用户的上传。而上传的方式分两种,现拍和从本地相册中选择。

上传图片

这一步不一定是原图上传,一般来说前端会对原图的分辨率和大小进行一定的压缩,从而减小存储空间

不少初级PM理解上传图片=上传到服务器,而事实上在此之前还有本地压缩处理的步骤。

图片的分辨率压缩

网上有很多知名APP的处理规则,比如微信facebook知乎等。可自行搜索并参照采用。也可以根据自身业务而定制。

图片的大小压缩

通过调整图片质量的方式来减小图片占用空间。

注意压缩分辨率也会导致图片变小,但2者不可混同理解。

存储图片

服务器存储的图片,一般是前端上传过来的图片,请注意不一定是用户最初选择的图片。

那么是不是只存储这一份呢,也不一定。某些功能需要长期展示固定尺寸缩略图。比如社交app需要在多处显示同样的小尺寸头像,此时服务端需要另存储一份固定尺寸的小图。

至于,到底需不需要在服务端自动生成缩略图,根据业务需求而定,大原则是权衡用空间换时间的价值。

下载图片

需要注意的是,根据业务场景不同,下载的可能是原图可能是某一种尺寸的缩略图。

展示图片

往往是前端做一定处理并渲染展示。如果是展示缩略图的时候,可能会截取部分展示。这一块比较复杂,还涉及到具体的截取规则。下篇文章我们细讲。

图片功能汇总

最终得到你整个APP大概有这些功能用到图片,以及具体的图片尺寸和缩略图介绍。

总结

相信PM童鞋们看完这篇文章,应该对图片处理的逻辑有一个比较清晰的了解。有不对的地方,也欢迎大家指正。

下篇文章会详细讲解一下缩略图的功能逻辑。

相关阅读

图片“侵权”成“勒索”手段?图片版权市场也该成熟了

文/东方亦落近日,视觉中国由“黑洞”照片牵扯出来的一系列关于版权的问题备受关注。就着这股热潮,不少图片版权公司的诉

关于ckfinder+ckeditor 图片上传路径问题

本人java 小白。 在做公司的小项目用的是jeesite,里面的图片和富文本用的是 ckfinder+ckeditor。过程中遇到了路径的问题。百度了

给0~1岁的新媒体人:公众号怎么配图?免费图片哪里找?

声明:本文来自于微信公众号新榜(ID:newrankcn),作者:小饿,授权站长之家转载发布。编者按:公众号文章配图重要吗,怎么给公众号文章配图?去

便利蜂创始人回应“为裁员考数学”:数学逻辑不好影响绩

A5创业网(公众号:iadmin5)1月29日报道,前几日有消息称便利蜂正在裁员并且出了新招,要求员工参加数学考试,考试不及格的都开除。考试内容

天猫logo图片在哪里上传?淘宝与天猫有什么区别?

天猫logo是天猫的特别标志,是淘宝区别于天猫的标志,淘宝里有天猫标志的是天猫店铺,没有天猫标志的是淘宝店铺,现在有“企”标志的是企

分享到:

栏目导航

推荐阅读

热门阅读