分享

微信公众平台图片处理心得 | RAMO

 一萍生 2014-05-06

x1

饼饼最近一直在使用微信公众平台,关于微信公众平台的使用技巧和入门,饼饼建议大家去读青龙老贼的文章,《微信公众平台入门到精通》,公众号“青龙老贼”。饼饼在这就不炒冷饭了,不讲怎么使用微信公众平台,饼饼觉得青龙老贼已经写得非常通俗,非常细致了。今天饼饼主要从图片处理的角度,来和大家分享下一些心得体会。

首先有人问,这个很重要吗?

饼饼告诉大家,这个很重要,你不要以为人人都在用WIFI,如果我是3g包月我也就忍了,如果是移动的GPRS非3G网络,你说我看你一文章,等了3分钟还打不开,还谋杀了好几毛的流量费,这还不重要吗?

作为一个公众发布平台,无论是自媒体还是公众媒体,考虑对用户的体验很重要。

这一点饼饼在互联网公司就培养了良好的习惯。记得以前做网络广告,我们每个人都会有严格的广告尺寸和K数表,在一个760X100的尺寸中做一个广告,不仅仅要完全表达客户的内容,还要有创意,有动画,图片要清楚,文字要清楚,K数限制20K,这可是件非常难做的事情。

我们千万不要以为指定K数的同学是故意为难你,在质量和速度上有时是矛盾的,但也是相互密切的,能在这中间找到最好的解决方式,才是一个大神该做的事情。

好了,前面废话说了一堆,还要说点废话。

首先我们来分析下移动访问速度与流量。

WIFI就不说了,既不要钱又快的没谱,所以这种访问形式不太需要考虑文件K数,你总不会在文章中贴一张2M的图吧。

3G 号称和WIFI速度差不多,甚至还比一些WIFI要更快,这个饼饼一直使用3G,某些时候确实比WIFI快,比如在星巴克,机场,下载速度都超过免费的公共WIFI。

但是很关键3G是要收费的,饼饼是包月用户,但最近一直在使用微信,测试测试再测试,不知不觉就超过包月流量,上月共超148MB。按照0.0003元/k算,一篇5张图片加文字的文章,我们姑且算2MB大小,这里不包括(白痴一样传全幅未处理图片的人)大概流量费用是 0.0003X1024kbX2=0.6144,也就是说看你一篇文章要花6毛钱。当然这是在快速网络下,最多也就是花点钱,还不知不觉。

非3G用户.移动GPRS,这个就坑爹了,移动GPRS现在理论下载速度是43.6KB/秒,普通手机在9.5-40KB/秒,但基本处于10-28KB/秒这个状态,好了按照这个速度,一篇2MB的文章理论上完全打开耗时120秒,也就是2分钟。还要付费,你觉得有多少人愿意读你的文章,所以处理好每一张图是很重要的事情,文字因为不是很占用流量,可以忽略不计。

又废话一堆,主要是要让大家明白这个事的重要,正式开始。

以上全是废话,可以忽略….

 

微信头图:

weixin01

微信头图官方建议是720X400,但非常让饼饼疑惑的是在网页状态下看,他被自动变成了639X355,虽然你上传的是720×400但是微信自动压缩成了639X355。这一点饼饼百思不得其解,难道是为了考虑Iphone5的ratina而设定?饼饼借了部Iphone5测试发现变化不明显,依然清楚,那么微信官方为何不干脆叫别人上传639X355尺寸呢,还非要建议个什么720X400,是为了整数好看吗?

总之你要遵循比例就对了,头图比例是5:3,这个必须遵循,否则会出现被裁掉的情况,假如你是张头像图就很可能被裁掉脑袋。这个青龙老贼文章中讲的很清楚了,我就不废话了。

所以头图你只要比例做,不管多大微信会自动压缩成639X355尺寸。

如果你的图片是图形为主的,可以做成jpg。

保持5:3的比例,否则微信在压缩时活自动裁切。

微信头图建议使用720×400,但微信会给你压成639×355,所以你上传什么样的尺寸是没关系的,关键保持长宽比。

 

 

文章配图压缩

如果你的图片是文字型或单彩色矢量为主的,那可以做成GIF或PNG。

用高质量压缩后的JPG是39KB,用GIF16色压缩是15KB视觉上同样没有变化,关于如何判定GIF压缩,饼饼通俗点来说,就是图片没有渐变,色彩在色块中的单色体现,纯文字等等,或者你可以理解为矢量图。

什么是矢量图呢?我汗,这个以后再说,太复杂…

weixin03

好了,关于图片格式讲完了,接下讲讲尺寸,刚才说了头图,不管你多大微信都给你压成640X355,那么文章内到底用什么尺寸呢?饼饼的示例图宽都是640的。

 

文章配图尺寸

不用再强调图片尺寸对K数的影响吧,你不要以为传个1024宽的图,就会比我640的清晰,关于手机对分辨率的理解,在之前文章有提过,以后会详细说。总之微信没有IPad版本,他所有显示都控制在max-width下,你就放大两倍图片也一样。

这里饼饼做了个测试,我传两张分别外为500宽和800宽的图,采用同样jpg压缩质量。

居然没有任何区别….饼饼认为640宽是可以达到理想观看尺寸,但在Iphone的视网膜补偿技术下,其实500宽度的图片同样不会有什么区别,至于其他手机屏幕饼饼还没有测试,但为了下载速度和图片质量的平衡,多去测试会让用户阅读你的文章快速又不损失质量。

weixin02

好了,图片的尺寸最佳是640宽,关于图片类型,向量用JPG,矢量用GIF。基本一张图控制在40KB左右为最佳状态,这样一篇文章下来不会超过300KB,是比较合理的下载速度

最后讲讲关于文字图片的处理,这里很多微信公众号都有用到,就是最下面的签名图片,在这很明显Iphone对于视网膜补偿技术的弊端,就是在文字上的处理,你可以看到上下的区别,在500宽和640宽的情况下,iphone对于文字的补偿就不太尽人意了,这里上面的图要明显比下面的清晰,所以在文字型图片处理上,尤其是小文字建议用640宽的图片。

以上是饼饼测试后的一些心得,也许还有很多没有测试到,饼饼会在日后补充,关键还是测试。控制好文章的K数与图片质量,需要你用不同的方式去处理,这需要你对图形的理解,和对手机屏幕知识,让用户又快又好的阅读你文章才是我们的目的

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多