什麼樣的切圖占空間小切質量不低,儲存的時候該怎麼設置?

給前端切照片圖的時候發現導出來的圖有2MB,不適合放在基於微信的移動網頁上,但是考慮到給iPhone6plus用戶展示的時候圖片精度不能低,,,啊,好糾結,,怎麼設置T^T


http://tinypng.com


圖片上傳QQ空間(不選原圖),再下載下來,圖片質量損失得不太多,大小會少很多。


要想圖片文件小,需要在繪製的時候就考慮,一般減少色彩數量,減少有效像素數量可以有效提高壓縮比,如果不是像照片那樣豐富細節的圖片,可以考慮用像素畫。


如果是jpg還是png已經有2M,那就認了吧,沒有辦法了。


很大的圖片建議在 Photoshop 存儲為 Web 格式中,勾選 JPG 里的"連續",英文版里是"progressive"。

支持 Progressive JPG 的瀏覽器會先顯示出圖片的模糊輪廓,逐步載入圖片變得越來越清晰。

存儲為 Progressive JPG 只會增加一丁點文件尺寸,但是頁面體驗效果很好。


轉換為webp格式圖片,淘寶產品詳情頁已批量使用


先說說你導出來的長寬尺寸,最大邊在1000上下的,2M還是有餘地壓縮的。

  1. 看看解析度,保持 72 DPI
  2. JPEG 格式嘗試降低質量,65 - 80%範圍,原圖質量高的時候這個質量範圍是可以接受的
  3. 如果要滿足Apple繫上 x2 等破要求的,那基本也小不下來了,認了吧


保存為web格式,不要直接另存為


用fireworks導出,質量60~80


電腦上下個愛思助手,打開後在工具箱裡面有個照片壓縮,去試試吧 有surprise.


推薦閱讀:

Fireworks 是否有類似 Photoshop 圖層編組的功能?
有哪些好的p圖的素材,網站?
自己編輯一本圖文混排的書需要用到哪些軟體?
Adobe Creative Cloud 2014 有哪些新功能?
Photoshop 是否適合做軟體界面設計?是否有更好的替代工具?

TAG:AdobePhotoshop | JPEG | PNG | 切圖 | 圖形文件格式 |