微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

微信 知乎 Photoshop 攝影 瀏覽器 動畫 插畫 壹伴助手 2019-06-05

微信的壓縮算法一直都在修改變動,圖片的清晰度和飽和度與太多因素相關,不同手機型號(手機分辨率不同),圖片上傳後的質量也會略微不同,微信壓縮圖片是為了提高加載速度,減輕服務器的壓力。

在微信公眾號後臺上傳圖片,我們上傳的圖片無法完美適配不同型號的手機,也無法完全規避微信壓縮原則,不知道微信的壓縮算法,我們怎樣做才能最大程度有效保持圖片質量?

微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

方法:

能用 png 就用 png

靜圖圖片原始尺寸寬度保持為1080 px,以免被壓縮

還有其他建議和原理,繼續往下看 ↓↓↓

微信圖片上傳要求

圖片格式:bmp、png、jpeg、jpg、gif格式

圖片大小:任意單張圖片必須小於 5M,其中 gif 小於 2M

從本地上傳圖片到微信公眾號後臺都會被壓縮,此前微信官方的圖片規則建議是

大圖片建議尺寸:900 * 500像素,但上傳後圖片會自動壓縮為寬 640 像素。

此種說法目前已經不成立,圖片並不會自動壓縮到 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格式

仔細看紅色部分,jpg 圖片被壓縮得最模糊,png 和 gif 圖片質量保存相對要好一些。

插畫:

同一張圖片只有在手機上放大查看才能發現不同的壓縮情況

微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

原圖

微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

gif格式

微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

png格式

微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

jpg格式

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 、壓縮圖等網站上壓縮圖片。

你知道還有哪些避免微信壓縮的方法?可以評論交流哦!

微信公眾號上傳圖片被壓縮,有什麼方法可以完美解決?

相關推薦

推薦中...