怪不得你上傳的圖片都那么糊!這些細(xì)節(jié)你注意了嗎?
圖片基礎(chǔ)知識(shí)-公眾號(hào)上傳圖片如何不糊
大家好,我是新來(lái)的運(yùn)營(yíng)小...?..
不知道為什么?剛來(lái)到135編輯器,他們就給我起了一個(gè)小編愛(ài)稱:小3?小叁?小三?
不知道為什么,就是感覺(jué)有點(diǎn)不對(duì)勁....
運(yùn)營(yíng)苦啊,上有老板壓著,下有用戶氣著,邊上還有美工、設(shè)計(jì)獅、程序猿排隊(duì)在看笑話...還好,我不是一個(gè)人(不,我是人),除了小三我,還將有小一、小五和大家見(jiàn)面...合起來(lái)就是:135...
好了,我是“小三”,我要說(shuō)正事了。
在 這個(gè)“內(nèi)容為王”的時(shí)代,微信公眾號(hào)的運(yùn)營(yíng)——配圖,也顯得至關(guān)重要!出于各種原因,我們可能一時(shí)寫(xiě)不出爆紅的“金句”,但相比較而言,公眾號(hào)中一張讓人印象深刻的“配圖”就容易的多了。
目前而言,公眾號(hào)配圖共有三種格式:JPG、PNG、GIF;小三以前會(huì)有這樣的體會(huì),精心制作的一張可以“爆紅”配圖,上傳公眾號(hào)之后...
糊了
( ? 樣式中心搜索“模糊文字”即可使用該樣式)
為什么別人家的圖片都那么清晰,而我的圖片都..糊...了...難道天熱...曬...得...嗎?
再熱的天也抵不過(guò)“小三”不懈的百度研究,終于發(fā)現(xiàn)了這些影響公眾號(hào)圖片清晰度的原因...
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
( ? 樣式中心搜索“標(biāo)題”即可使用該樣式)
JPG是一種常用于攝影作品或?qū)憣?shí)作品、有損壓縮圖形格式;
PNG是一種清晰、支持透明、無(wú)損壓縮的位圖圖形格式;
GIF是一種色彩效果低、體積小、支持透明的圖像文件格式。
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
通過(guò)不斷的比較“小三”得出一個(gè)結(jié)論,通常情況下,PNG要比JPG大一些,GIF所占體積最小。
在這個(gè)追求速度的年代,公眾號(hào)圖片刷新出來(lái)的速度也嚴(yán)重影響這用戶的閱讀體驗(yàn),選擇正確的格式可以更好的提升用戶體驗(yàn)。
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
這個(gè)內(nèi)容要扯到IE6了,但是“小三”并不了解...
略略略...略過(guò)吧...
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
PNG和GIF都支持透明,但是PNG還支持漸變透明,略勝GIF一層,因?yàn)镚IF最高支持256色,很難支撐起漸變漸變透明。
我們最常見(jiàn)的JPG是不支持透明格式的。
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
色彩豐富的圖片(攝影圖、寫(xiě)實(shí)圖)建議首選JPG次選PNG24;JPG格式是三個(gè)格式中可以記錄色彩信息最多的,對(duì)色彩有很嚴(yán)格需求的,可以選用此格式。
大面積色塊(插畫(huà)、海報(bào))或存在漸變色彩的圖片建議首選PNG24次選GIF;PNG是逐次逼近顯示而且支持漸變透明,尤其圖片中出現(xiàn)漸變色彩,可優(yōu)先使用此格式。
單色調(diào)圖片(logo、文字、動(dòng)畫(huà))建議選擇GIF或者PNG8;GIF體積小、支持動(dòng)畫(huà)效果,如果圖片只有單調(diào)的色彩沒(méi)有漸變色,那選擇GIF最好不過(guò)了。
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
圖片尺寸不大時(shí),微信公眾號(hào)后臺(tái)圖片的上傳應(yīng)該沒(méi)有什么影響,但是當(dāng)圖片尺寸較大時(shí)會(huì)被壓縮上傳。通常jpg和png格式的圖片上傳后會(huì)被壓縮到640px,這就影響了圖片的清晰度。
通常情況下,適宜的GIF圖片尺寸是不會(huì)被壓縮改變的。所以公眾號(hào)中比較常見(jiàn)的高清大圖(海報(bào)、婚紗照)都是使用GIF格式或者PNG24格式。
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
講了這么多鋪墊,終于講到正題部分了。
網(wǎng)上有很多教程都對(duì)三種圖片格式的清晰程度進(jìn)行排名比較,如:png清晰度>gif清晰度>jpg清晰度。但我想說(shuō)的是,不同內(nèi)容的圖片,顯然這個(gè)比較是不嚴(yán)謹(jǐn)?shù)摹?/span>
JPG色彩保留最好,相對(duì)最清晰,次之PNG24;
對(duì)色彩有要求,則png清晰度>gif清晰度>jpg清晰度;
這個(gè)主要還是取決于圖片的內(nèi)容,一般情況下,PNG24可以勝任多數(shù)壓縮情況下的對(duì)色彩有要求的圖片;但由于圖片內(nèi)容的不確定性,對(duì)于對(duì)色彩有嚴(yán)格要求的圖片,大家可以三種格式各上傳一張,然后進(jìn)行篩選使用。
單調(diào)色彩圖片,那么使用體驗(yàn)度GIF>PNG>JPG;
舉一個(gè)最常見(jiàn)的例子,比如一些“明星通告”或“官方通告”,通常圖片內(nèi)容是一些“白底黑字”或“藍(lán)底黑字”,首選GIF次選PNG8可以帶來(lái)更好的閱讀體驗(yàn)。
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
![](https://mmbiz.qlogo.cn/mmbiz_png/fgnkxfGnnkS7xIicjbJcQPLMXuCaw8HmVfRBq9ibgRvUmA9nRN4LtwbfKTtGY0zELUMCRjP8h423yIjpddLrgIOA/0.png)
值得注意的是,修改圖片格式,并不是簡(jiǎn)單的修改文件的“后綴”就可以全部解決的!
而且,在本文中,“小三”所牽扯到修改圖片格式所有的步驟都是在Photoshop中完成的。僅以PS為例,向大家示范如何修改圖片或生成圖片格式。
具體流程:
打開(kāi)PS → 文件 → 導(dǎo)出 → 存儲(chǔ)為Web所用格式(舊版) → GIF/JPEG/PNG-8/PNG-24
本文完
如有不當(dāng)之處,還望留言指正
立即登錄
![135筆記君](http://image.135editor.com/files/201904/cpbQWrws_ZPnu.png)
- 【135早資訊】:視頻號(hào)小任務(wù)正式上線;拼多多將上線跨境電商平臺(tái)
- 【135早資訊】:特斯拉上海超級(jí)工廠第100萬(wàn)輛整車下線;?微信聊天對(duì)話框支持放大編輯
- 【135早資訊】:北京發(fā)布國(guó)內(nèi)首個(gè)數(shù)字人產(chǎn)業(yè)專項(xiàng)支持政策;元宇宙招聘潮開(kāi)啟
- 【135早資訊】:平安銀行零售條線降薪;蔚來(lái)李斌回應(yīng)手機(jī)業(yè)務(wù)傳聞
![](https://bdn.135editor.com/files/202108/images/83ed8ebdef793d0854bae4d3d39c4576.png)
![](https://bcn.135editor.com/files/20240808/images/bige_sheji_logo.png)
![](https://bcn.135editor.com/files/20240808/images/bige_ppt_logo.png)
![](https://bdn.135editor.com/files/202108/images/512f0cad-2a6d-4e17-9bae-d7897b4317ad.png)
![](https://bcn.135editor.com/files/202111/ML7FjG6g_78GB.png)
![](https://bcn.135editor.com/files/202111/E9ALEk9n_AfIQ.png)
![](https://bcn.135editor.com/files/202111/w7cHwLGp_kwDf.png)
![](https://bcn.135editor.com/files/202111/YgjpRXLC_PdNk.png)
![](https://bcn.135editor.com/files/202110/3xPaZTS5_4xpQ.png)
![](https://bcn.135editor.com/files/202110/fIYVFX6J_cxKX.png)
![](https://bcn.135editor.com/files/202110/BX3XrBwO_F6Me.png)
![](https://bcn.135editor.com/files/202110/bCMFZFKN_H7gr.png)
![](https://bcn.135editor.com/files/202110/uBXYFrI7_vOHc.png)
![](https://bcn.135editor.com/files/202205/f6KbZsA2_khY6.png)