/p>
圖片大小 :任意單張圖片必須小于 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、i買粉絲n、線框圖適合采用 gif 格式。
jpg:有損壓縮 ,支持1600W多(2^24)的顏色,在重復復制保存編輯圖片時,圖片質量會下降, jpg 非常適合色彩豐富和漸變色的圖片,但 jpg 不適合i買粉絲n、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 網站上壓縮圖片。