技术分享| 浅谈IM 产品中的“缩略图”功能

在 IM 产品中，发送图片是产品的一个基本功能，如何生成缩略图以及如何显示缩略图都是该模块的组成部分，本文就如何显示缩略图从产品设计的角度去阐述。

从产品上来确认该功能如何去设计，最稳妥的方式就是模仿其他已经被广泛使用的同类App功能，市面上对应该功能的设计上已经开始雷同，标新立异的创新交互方式，虽然能够吸引一部分用户的眼球，但考虑到用户习惯需要用时间来培养， 最终会被大众所吐槽。

缩略图功能：由于图片消耗内存，通常为了防止内存异常的发生，在聊天面板中会显示一种图片的缩略图，点击可以看大图。由于用户可以选择发送任何尺寸的图片，因此在设计的过程中就需要考虑对一些尺寸比较大或比较小的图片的显示策略，否则会影响产品的用户体验。下面就介绍一下在产品中显示缩略图的策略，希望可以帮助到大家。

缩略图生成

生成缩略图，一般 有 2 种方式,一种是配合 OSS 服务，服务端生成缩略图；另一种是客户端生成缩略图。

两种方式的优缺点对比

• 从稳定性来看，用客户端生成缩略图会好一些，除了稳定性，对应成本也相对降低了很多，带来的副作用是客户端上传的时候会多占据一点客户端带宽，由于缩略图一般情况下会很小，一般在10kb内，可忽略不计。
• 从可扩展性来看，服务端生成缩略图更灵活一点，根据策略可以灵活更改缩略图生成策略，且无需升级客户端。

两种方案各有千秋，开发者可以根据自身情况选择其中一种方式，两种方式都能达到自己想要的效果。

缩略图生成规则

缩略