圖片格式:WebP、PNG、JPG 與 SVG 比較
選擇錯誤的圖片格式可能會拖慢頁面載入時間,或是讓圖形變得模糊。以下是現代網路格式在壓縮、透明度與清晰度方面的比較。
隱私至上
檔案透過 WebAssembly 與 HTML5 API 在您的瀏覽器中進行本機處理。檔案絕不會離開您的裝置,因此沒有伺服器上傳或第三方檔案儲存。
沒有佇列,沒有速度限制。
立即在您的裝置上開始轉換 - 無需等待上傳、沒有下載佇列,也不會受到遠端伺服器的頻寬節流限制。
免費、無限制存取
使用所有可用工具,無需建立帳號、支付方案費用或觸及人為的檔案大小限制。只要您的瀏覽器和裝置能負荷,即可隨心所欲地轉換。
格式比較與技術規格
| 輸出格式 | MIME 類型 | 規格 | 類型 |
|---|---|---|---|
| PNG 圖片 | image/png | W3C-PNG | Portable Network Graphics |
| JPG JPEG 圖片 | image/jpeg | ITU-T-T81-JPEG | Joint Photographic Experts Group |
| WebP 圖片 | image/webp | RFC-6386-VP8 | Google WebP 現代圖片格式 |
| SVG 向量圖 | image/svg+xml | W3C-SVG | Scalable Vector Graphics |
| HEIC 相片 | image/heic | ISO-IEC-23008-12-HEIF | High Efficiency Image Container |
| AVIF 圖片 | image/avif | AOMEDIA-AV1-AVIF | AV1 影像檔案格式 |
| PSD Photoshop 文件 | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Document |
| PSB Photoshop 大型文件 | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Large Document |
| WMF Windows 中繼檔 | image/x-wmf | MS-WMF-SPEC | Windows Metafile 向量格式 |
| EMF 增強型中繼檔 | image/x-emf | MS-EMF-SPEC | Enhanced Metafile 向量格式 |
| JFIF 圖片 | image/jpeg | ITU-T-T81-JPEG | JPEG File Interchange Format |
| TGA Truevision | image/x-tga | TGA-SPEC | Truevision Targa 點陣圖 |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX 點陣圖 |
| PDF 文件 | application/pdf | ISO-32000-2 | Portable Document Format |
技術規格與編解碼器解析
快速格式決定規則
WebP 和 AVIF 可以縮減許多網頁圖片的檔案大小,且兩者皆支援透明度,但實際效果取決於圖片內容與編碼設定。若相片允許些許壓縮失真,請使用 JPG;若需要清晰的螢幕截圖與圖形,請使用 PNG;若需要可縮放的標誌與圖示,請使用 SVG。
點陣圖與向量圖:為什麼 SVG 永遠不會模糊
點陣圖(JPG、PNG、WebP)是由固定顏色的像素網格組成,若放大過度,就會變得模糊或出現像素化。SVG 則是純數學:它儲存數學線條、曲線與顏色,讓圖示與插圖在從行動裝置螢幕到 8K 顯示器的各種裝置上都能以極小的檔案大小呈現銳利外觀。
迷思:「DPI 越高代表網頁圖片品質越好」
DPI(每英寸點數)純粹是實體列印指令,會被網頁瀏覽器完全忽略。在手機與電腦螢幕上,圖片清晰度完全取決於像素尺寸(例如 1920x1080)與顯示密度,而非嵌入的中繼資料中的 DPI。
Alpha 透明度:PNG 與 WebP
JPEG 沒有透明度色版,因此儲存為 JPEG 時,透明像素會變成實色背景。PNG 保留 alpha 透明度,而 WebP 也能儲存透明度且可能產生較小的檔案;請比較圖片,因為檔案大小取決於其內容與編碼設定。
實用資訊
0 位元組上傳至外部伺服器。所有處理皆在本機瀏覽器沙箱中進行。