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

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


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


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

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


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


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



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


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



糊了


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


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


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




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

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


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


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


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




图片大小比较
PNG ≈ JPG > GIF


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


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




网页兼容程度
GIF ≈ JPG > PNG


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


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




图形透明性
PNG > GIF > JPG


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


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




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


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


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


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




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


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


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




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


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


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



在不会被压缩的情况下


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



在会被压缩的情况下


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


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



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


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




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


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


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


具体流程:

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



本文完

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

文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
135笔记君资讯官
做你贴心的互联网笔记本!
共1059篇文章
最近文章
更多
  • 【135早资讯】:视频号小任务正式上线;拼多多将上线跨境电商平台
  • 【135早资讯】:特斯拉上海超级工厂第100万辆整车下线;​微信聊天对话框支持放大编辑
  • 【135早资讯】:北京发布国内首个数字人产业专项支持政策;元宇宙招聘潮开启
  • 【135早资讯】:平安银行零售条线降薪;蔚来李斌回应手机业务传闻
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到