做公众号的时候，经常会遇到一个很奇怪的问题：电脑上原图虽然很清晰，但是上传到公众号之后就感觉变模糊了；或者图片本身并没有明显的失真现象，但是手机上看到的文字却不清楚。
我做教程截图和产品图比较多之后才发现，公众号图片的清晰度并不是只看“原图多大”。图片的大小、压缩的程度、文字的大小、长宽的比例还有手机显示的方式都会对最后的效果造成影响。
如果遇到公众号图片模糊的情况，可以从以下三个方向进行检查，不需要一开始就将图片分辨率提高一倍。
使用清晰的源文件，不要让图片被反复压缩
公众号的图片不清楚的话，首先要看的是源文件。
比较典型的场景就是：设计师把图片发到聊天软件上，运营保存一份，然后转发给同事，同事再截屏发送回来，最后运营把截图上传到公众号上。
经过多次转存、截图和压缩之后，虽然图片的大小没有变化，但是其细节已经大不如前了。
所以现在我一般都从原始文件做起。
产品图直接用摄影或者设计导出来的版本，数据图尽量从原始文件中导出，软件教程则直接在设备上重新截屏，不用别人文章里已经压缩好的图片。
图片的格式要根据内容来选择。
照片要既不能太大也不能太小，既不能太清晰也不能太模糊；界面截图、图表等含有大量文字和线条的图片，要保证文字边缘清楚。具体的格式要根据微信公众号目前所支持的情况来确定，并不需要为了达到某种格式而进行强行转换。
压缩图片的时候也不能只为了“文件越小越好”。
一张图片由几兆压缩到几十千字节，文件变小了，但是渐变、人物细节以及小字都会受到明显的损害。
压缩之后最好再打开原图检查一下，特别是最小的文字、边缘以及细节。如果已经可以看见明显的模糊或者压缩痕迹的话，就应当降低压缩的程度。
二、电脑上看得很清楚，手机上就看不清楚了，这主要是因为图片的比例问题
这是公众号图片最容易让人产生误解的地方。
比如说一张1920像素宽的后台截图，在电脑上打开就非常清楚。放到公众号文章里之后，为了完整的适配手机屏幕，它就会被整体缩小。
如果截图中左侧有菜单栏，中间有表格，右边有数据，所有的内容都被挤到一个手机屏幕的宽度上，那么文字自然就会变小。
这时的问题并不是图片“模糊”。
而信息量太大了。
只把图片的分辨率提高到更高的程度，并不能解决在正常阅读尺寸下文字过小的问题。
我一般采用的方法是裁剪图片。
文章在讲某个按钮的时候，只保留按钮周围需要说明的部分；如果要解释几个地方的话，可以把一张大的截图分成两到三张图片。
数据表也是如此。
电脑上可以同时显示七八列的数据，但是手机端就没有那么大的横向空间了。把整个表格都缩小了，不如只保留重要的数据，并且把复杂的部分分开来解释。
长图也要有分寸。
一张很长的图片本身很清晰，但是用户需要不断地放大和拖动才能看到细节，所以阅读体验仍然不好。根据内容逻辑分成几部分，一般比较适合公众号。
提高图片清晰度的根本目的并不是使文件变大，而是要让图片上最重要的部分在手机屏幕上占到足够的位置。
三、上传之后一定要用真实的手机来查看，图片周围的设计也会对观看效果产生影响
对图片进行处理之后，不能只在电脑编辑器中查看效果。
不管是通过微信公众号后台还是秀米、稿轻松编辑器等第三方工具来完成文章的编辑工作，在文章被推送到微信公众号之后再进行手机预览。
因为第三方编辑器只提供了一个制作的环境，而微信才是最终展示的环境。
检查手机的时候我会注意三个地方。
第一，小字在不放大的情况下能否看清楚。如果必须要放大才能看懂图片的内容的话，那么就应该重新裁剪一下。
第二类是同类图片的显示大小是否一致。教程中的几幅图忽大忽小，会让人觉得页面在跳动。
第三、图片四周是否有很多装饰。一张操作截图本身就有不少的信息了，再加上很宽的边框以及内边距之后，实际的截图区域就会更小一些。
图片说明尽量简单一些。
如果某个地方要让用户特别注意的话，在截图前后正文中可以明确指出，比如“请注意右上角的设置按钮”，而不要让读者自己去整个截图中找。
如果文章中有许多图片的话，在上传之前最好把它们都集中起来处理一下。先进行裁剪、压缩、命名等操作，然后按照文章内容的顺序插入，这样比在排版的过程中一张张地临时加工要快得多。
那么怎样才能使公众号文章的图片更清晰呢？目前我一般按照以下顺序来操作：
使用原始清晰的素材、不进行多次压缩、按照手机屏幕大小裁剪信息、把复杂的横图、长图合理地拆分之后再上传到微信公众号后台、让手机预览。
很多所谓的“图片不清楚”其实并不是因为像素不够。
问题在于，一张本应适合电脑大屏幕的图片，却被塞到了手机的小屏幕上。
与其不断追求更高的分辨率，倒不如使图片只包含此时此刻读者所需要的信息。既可以提高实际清晰度，又可以使整篇文章更易阅读。
