怪不得你上传的图片都那么糊!这些细节你注意了吗?

图片基础知识-公众号上传图片如何不糊


大家好,我是新来的运营小...?..


不知道为什么?刚来到135编辑器,他们就给我起了一个小编爱称:小3?小叁?小三?

0.jpeg

不知道为什么,就是感觉有点不对劲....


运营苦啊,上有老板压着,下有用户气着,边上还有美工、设计狮、程序猿排队在看笑话...还好,我不是一个人(不,我是人),除了小三我,还将有小一、小五和大家见面...合起来就是:135...


好了,我是“小三”,我要说正事了。


grey.gif


 在 个“内容为王”的时代,微信公众号的运营——配图,也显得至关重要!出于各种原因,我们可能一时写不出爆红的“金句”,但相比较而言,公众号中一张让人印象深刻的“配图”就容易的多了。


目前而言,公众号配图共有三种格式:JPG、PNG、GIF;小三以前会有这样的体会,精心制作的一张可以“爆红”配图,上传公众号之后...



糊了


样式中心搜索“模糊文字”即可使用该样式)


为什么别人家的图片都那么清晰,而我的图片都..糊...了...难道天热...晒...得...吗?


再热的天也抵不过“小三”不懈的百度研究,终于发现了这些影响公众号图片清晰度的原因...




grey.gif
格式小知识
格式啥的,还是让小美工来看吧
grey.gif

样式中心搜索“标题”即可使用该样式) 


JPG是一种常用于摄影作品或写实作品、有损压缩图形格式;


PNG是一种清晰、支持透明、无损压缩的位图图形格式;


GIF是一种色彩效果低、体积小、支持透明的图像文件格式。




grey.gif
图片大小比较
PNG ≈ JPG > GIF
grey.gif


通过不断的比较“小三”得出一个结论,通常情况下,PNG要比JPG大一些,GIF所占体积最小。


在这个追求速度的年代,公众号图片刷新出来的速度也严重影响这用户的阅读体验,选择正确的格式可以更好的提升用户体验。




grey.gif
网页兼容程度
GIF ≈ JPG > PNG
grey.gif


这个内容要扯到IE6了,但是“小三”并不了解...


略略略...略过吧...




grey.gif
图形透明性
PNG > GIF > JPG
grey.gif


PNG和GIF都支持透明,但是PNG还支持渐变透明,略胜GIF一层,因为GIF最高支持256色,很难支撑起渐变渐变透明。


我们最常见的JPG是不支持透明格式的。




grey.gif
色彩丰富程度
JPG > PNG(png24>png8) >GIF
grey.gif


色彩丰富的图片(摄影图、写实图)建议首选JPG次选PNG24;JPG格式是三个格式中可以记录色彩信息最多的,对色彩有很严格需求的,可以选用此格式。


大面积色块(插画、海报)或存在渐变色彩的图片建议首选PNG24次选GIF;PNG是逐次逼近显示而且支持渐变透明,尤其图片中出现渐变色彩,可优先使用此格式。


单色调图片(logo、文字、动画)建议选择GIF或者PNG8;GIF体积小、支持动画效果,如果图片只有单调的色彩没有渐变色,那选择GIF最好不过了。




grey.gif
图片压缩程度
设计狮跑哪里去了
grey.gif


图片尺寸不大时,微信公众号后台图片的上传应该没有什么影响,但是当图片尺寸较大时会被压缩上传。通常jpg和png格式的图片上传后会被压缩到640px,这就影响了图片的清晰度。


通常情况下,适宜的GIF图片尺寸是不会被压缩改变的。所以公众号中比较常见的高清大图(海报、婚纱照)都是使用GIF格式或者PNG24格式。




grey.gif
图片清晰程度
设计狮下次给我这样格式的图
grey.gif


讲了这么多铺垫,终于讲到正题部分了。


网上有很多教程都对三种图片格式的清晰程度进行排名比较,如:png清晰度>gif清晰度>jpg清晰度。但我想说的是,不同内容的图片,显然这个比较是不严谨的。



在不会被压缩的情况下


JPG色彩保留最好,相对最清晰,次之PNG24;



在会被压缩的情况下


对色彩有要求,则png清晰度>gif清晰度>jpg清晰度;


这个主要还是取决于图片的内容,一般情况下,PNG24可以胜任多数压缩情况下的对色彩有要求的图片;但由于图片内容的不确定性,对于对色彩有严格要求的图片,大家可以三种格式各上传一张,然后进行筛选使用。



单调色彩图片,那么使用体验度GIF>PNG>JPG;


举一个最常见的例子,比如一些“明星通告”或“官方通告”,通常图片内容是一些“白底黑字”或“蓝底黑字”,首选GIF次选PNG8可以带来更好的阅读体验。




grey.gif
图片的生成
设计狮你记住了吗?
grey.gif


值得注意的是,修改图片格式,并不是简单的修改文件的“后缀”就可以全部解决的!


而且,在本文中,“小三”所牵扯到修改图片格式所有的步骤都是在Photoshop中完成的。仅以PS为例,向大家示范如何修改图片或生成图片格式。


grey.gif

具体流程:

打开PS → 文件 → 导出 → 存储为Web所用格式(旧版) → GIF/JPEG/PNG-8/PNG-24



本文完

如有不当之处,还望留言指正

文章评价
登录后可以评论
立即登录
135笔记君资讯官
做你贴心的互联网笔记本!
共351篇文章
最近文章
更多
  • 【135早资讯】:小红书回应关闭上海线下体验店:已实现盈利,但策略会不断调整;好莱坞接洽戈恩,逃亡大戏或搬上荧屏
  • 【135早资讯】:微信订阅号正在灰度测试付费图文功能;故宫6688元年夜饭全部取消
  • 【135早资讯】:微信默认表情上线10个新表情;腾讯QQ:微信已经可以转账到QQ钱包
  • 【135早资讯】:微信朋友圈屏蔽支付宝五福 微信:诱导用户分享属违规活动;腾讯音乐与抖音达成转授权合作