失真 vs 無失真：核心差別
圖片格式先分兩大家族：失真壓縮（JPG、WebP）會丟掉人眼不敏感的細節來換體積，適合照片；無失真（PNG）一字不差保留所有像素，適合線條、文字、需要後製的圖。
記住這個分野，選格式就對了一半：照片類走失真家族，線條透明類走無失真家族。
JPG、PNG、WebP 各自的個性
JPG 是老將：壓縮效率高、相容性無敵，任何裝置都打得開，但不支援透明，反覆存檔畫質會遞減。照片存檔、傳送的首選仍是它。
PNG 是完美主義者：無失真、支援透明，截圖和插畫用它最銳利，代價是體積大。WebP 是新秀：體積接近 JPG 又支援透明，網站用圖的最佳解，唯一的顧慮是極老舊系統的相容性。
GIF 和 AVIF：配角但有用
GIF 的強項是動畫，靜態圖用它又大又只有 256 色，現在很少人拿它存照片了。需要簡單動圖時它仍是相容性最好的選擇。
AVIF 是更新一代，壓縮率比 WebP 還高，但編碼慢、支援度還在普及中。一般用戶先搞懂 JPG/PNG/WebP 三巨頭，就能應付 99% 的場景。
常見問題
照片存 JPG 還是 WebP 好？
要最小體積選 WebP，要最大相容選 JPG。日常傳送、備份用 JPG 最省心；放網站追求載入速度用 WebP。兩者畫質在同體積下 WebP 略勝。
截圖為什麼大家都用 PNG？
因為截圖多是文字和線條，PNG 無失真能保持銳利，JPG 壓下去字會糊。而且 PNG 支援透明，去背、標註都方便。
可以把 JPG 轉成 PNG 讓畫質變好嗎？
不行。轉成 PNG 只會讓體積變大，已經丟掉的細節救不回來。格式轉換改變的是容器和壓縮方式，不是畫質本身。