透明背景插圖
若需要保留透明與描邊細節，可選擇 PNG（高精度）或 WebP 無損（體積更小）。
- 裁切為剛好貼齊主體，減少空白
- 視需要輸出 @2x Retina 版本
Format Guide
為什麼選擇這個格式？
ImgEasyResize 支援 PNG、JPEG、WebP、AVIF 與 ICO。以下整理速度、透明度、相容性等指標，幫助你在不同專案快速做出選擇。
點陣圖 vs. 向量圖
大部分網站圖片屬於點陣圖（Raster），由像素組成；向量圖（Vector）則依演算法描繪線條（SVG、Illustrator）。ImgEasyResize 著重在點陣圖的後製與壓縮，但你可以在輸出前確認原稿是否需保留向量特性：若圖示需要任意放大、顏色可程式化，應優先使用 SVG；若包含照片、筆刷或材質細節，則轉為 PNG/JPEG/WebP/AVIF。
Raster：適合照片 / 紋理
Vector：適合圖示 / Logo
混合：向量輸出成點陣圖以提升相容
核心格式比較
| 格式 | 特色 | 瀏覽器支援 | 適合的內容 |
|---|---|---|---|
| PNG | 無損壓縮、完整透明度、支援 Indexed Color。 | 全現代瀏覽器（含舊版 IE）。 | 介面畫面、Logo、像素藝術、需透明背景的素材。 |
| JPEG | 有損壓縮，品質係數 0–1，自 0.75 起接近無失真。 | 全現代瀏覽器。 | 照片、橫幅、具漸層的全彩背景。 |
| WebP | 支援有損/無損、alpha 透明、比 JPEG/PNG 更高壓縮率。 | Chrome/Edge/Firefox/Safari 14+。 | 需要透明度且追求小檔案的 UI/插畫；行動網頁圖片。 |
| AVIF | 採用 AV1 編碼，支援 HDR、10-bit、alpha，壓縮率最高。 | Chrome 85+、Firefox 93+、Safari 16+。 | Hero 圖、全螢幕照片、需要極致壓縮的行動場景。 |
| ICO | Windows favicon 標準，支援多尺寸嵌入。 | 僅 browser favicon 使用。 | 網站 icon、manifest 的補充格式。 |
建議流程：先輸出 AVIF 或 WebP 做為新世代格式，再備份一份 PNG 或 JPEG 作為 fallback，並利用 ImgEasyResize 的批次下載，一次產出兩種版本。
大量照片
先用 AVIF 壓到 0.45–0.65 品質，再視瀏覽器需求備用 JPEG，確保色彩穩定。
- 善用 ImgEasyResize 的品質 slider
- 啟用「適配視窗」檢查細節
App 內嵌截圖
若需非常銳利的文字與 UI，建議輸出 PNG 或 WebP 無損，再搭配 Retina 倍率。
- 設定固定寬高確保裝置一致
- 透過批次輸出維持檔名
雙格式輸出要點
為了兼顧舊設備或內嵌系統，可採用「新格式 + 後備格式」策略：
- 先輸出 AVIF/WebP，命名為
hero.avif，再複製設定輸出 JPEG/PNG。 - 在 HTML 中使用
<picture>指定 source type，瀏覽器自動挑選支援的格式。 - 將兩種格式放在同一 CDN 目錄，便於快取與版本控管。
ImgEasyResize 的批次下載會沿用原檔名，只改副檔名，正好符合這種工作流程。