① 微信公眾號上傳圖片不清晰,這個有用的方法一定要記住!
微信的壓縮演算法一直都在修改變動,圖片的清晰度和飽和度與太多因素相關,不同手機型號(手機解析度不同),圖片上傳後的質量也會略微不同,微信壓縮圖片是為了提高載入速度,減輕伺服器的壓力。
在微信公眾號後台上傳圖片,我們上傳的圖片無法完美適配不同型號的手機,也無法完全規避微信壓縮原則,不知道微信的壓縮演算法,我們怎樣做才能最大程度有效保持圖片質量?
能用 png 就用 png
靜圖圖片原始尺寸寬度保持為1080 px,以免被壓縮
還有其他建議和原理,繼續往下看 ↓↓↓
圖片格式 :bmp、png、jpeg、jpg、gif格式
圖片大小 :任意單張圖片必須小於 5M,其中 gif 小於 2M
從本地上傳圖片到微信公眾號後台都會被壓縮,此前微信官方的圖片規則建議是
此種說法目前已經不成立,圖片並不會自動壓縮到 640 像素,可自行驗證。
其實在 PC 端和手機端查看微信公眾號圖片,如果所有圖片解析度都超過閱讀區域的解析度,比如大於手機屏幕解析度的圖片,所有圖片都會以相同大小顯示,即使原本圖片解析度像素不一樣。
所以順著這個思路想,我們可不可以通過調整圖片解析度或者改變圖片格式,來達到最佳的壓縮效果?
我們從常用的 jpg、png、gif 這三種圖片來分析,經過多次反復測試,終於發現了圖片在微信後台壓縮的規律。可以在PC端瀏覽器審查元素。
由於 會對圖片進行再次壓縮 ,很多圖片色彩上的差別無法憑借肉眼分辨,區別明顯的清晰度還是可以對比看出的,根據下面測試得到的結論,具體情況自己試驗哦!
jpg圖片壓縮:
jpg 寬度像素 ≤ 1080,圖片不被壓縮
jpg 寬度像素 >1080,圖片被壓縮成 1080
png圖片壓縮:
png 和 jpg 圖片壓縮相同
png寬度像素 ≤ 1080,圖片不被壓縮
png寬度像素 >1080,圖片被壓縮成 1080
gif圖片壓縮:
gif 幀數>60,圖片不被壓縮
gif 幀數≤ 60時,
圖片寬度像素 > 640,圖片被壓縮成 640
圖片寬度像素 ≤ 640,圖片不被壓縮
gif 幀數=1幀,1幀的 gif 圖片相當於靜圖輸出為 gif 格式
寬度像素 ≤ 1080,圖片不被壓縮
寬度像素 >1080,圖片被壓縮成 1080
根據上面得出的圖片解析度結果,發現在小於等於1080 px的范圍內,圖片尺寸越大,圖片越清晰,而寬度大於1080 px的圖片容易被壓縮,所以我們在插入圖片時 盡量輸出寬度為1080px的圖片 ,不同格式的圖片適合不同類型的圖片場景。
圖片大小 :
png > gif > jpg (正常情況下)
圖片透明度效果:
png > gif > jpg(不支持)
色彩豐富程度:
jpg > png(png-24>png-8)> gif
圖片清晰度:
png > gif > jpg
我們同樣可以做試驗,選擇相同尺寸的圖片,輸出不同格式,看看哪種效果更好。
通過對比發現,每組圖片的差異都不太明顯,肉眼只能看出細微的差別。
其中 jpg 圖片被壓縮得最厲害,png 質量最好, 色彩簡單的圖片,輸出 png-8格式,色彩豐富的攝影圖和色彩鮮明的設計圖,輸出 png-24格式 。
改變圖片格式的方法:打開photoshop→點擊左上角【文件】→【導出】按鈕選擇存儲為 Web 所有格式→最後點擊存儲
舉例截圖:
仔細看紅色部分,jpg 圖片被壓縮得最模糊,png 和 gif 圖片質量保存相對要好一些。
插畫:
同一張圖片只有在手機上放大查看才能發現不同的壓縮情況
png圖片最光滑質量最好,jpg圖片其次,gif圖片格式很多噪點質量最差,手機上查看效果比知乎上傳後更明顯。
出現這種情況的原理是什麼?
gif : 採用 無損壓縮 ,相比無壓縮的 bmp 格式,尺寸較小,支持透明和動畫,但 gif 最多隻能表達256 種顏色,所以 色彩復雜、細節豐富的圖片不適合保存為 gif 格式 ,色彩簡單的 logo、icon、線框圖適合採用 gif 格式。
jpg:有損壓縮 ,支持1600W多(2^24)的顏色,在重復復制保存編輯圖片時,圖片質量會下降, jpg 非常適合色彩豐富和漸變色的圖片,但 jpg 不適合icon、logo,相比 gif 和 png-8,jpg 文件大小沒有任何優勢。
png: 採用 無損壓縮 ,相比 gif,對透明的支持更好( png 支持對原圖像定義 256 個透明層次,使得圖像的邊緣能與任何背景平滑融合),尺寸也更小,如果需要更高品質色彩和豐富細節的表達,需要導出 png-24,但 png-24比 png-8的文件更大,不支持動畫。 在保證圖片清晰、逼真的前提下,優先選擇 png格式的圖片 。
png-8 指的是 8 bits,相當於用 2^8(2 的 8 次方)來存儲圖片顏色種類,意思是 png-8 能存儲 256 種顏色,如果一張圖片顏色種類較少,存為 png-8 格式較為合適。
png-24 指的是 3個 8 bits,分別來表示 RGB 值,也就是說,png-24可以表達256*256*256(16777216)種顏色,所以 png-24 比 png -8 表達的色彩更豐富,相對圖片佔用的空間也大些,比 jpg 要大很多。
目前並不存在微信不會壓縮 gif 圖片的說法。
* 靜圖 :
微信對 png 圖片更友好,當圖片出現壓縮不清晰時,導出 寬為 1080 px 的 png-24 格式圖片 。
* 動圖:
幀數大於 60,動圖寬度最大不超過1080 px
幀數小於等於 60,動圖寬度最大不超過640 px
當然也不排除最後上傳時, gif 格式圖片效果最好的情況,畢竟影響圖片壓縮質量的因素太多,總之 優先考慮萬能輸出 png ,自己多次嘗試輸出不同格式的圖片,發現最理想的效果。
出現圖片太大無法上傳,可以利用 phtoshop 降低圖片尺寸,或者在 TingPNG 網站上壓縮圖片。