Setiap format imej ialah satu set tukar ganti antara saiz fail, kualiti, dan ciri seperti ketelusan atau animasi. Pilih yang salah dan anda dapat fail kembung, teks kabur, atau grafik yang takkan dipaparkan. Inilah setiap format biasa dalam istilah mudah, diikuti jadual yang boleh anda simpan sedia.
Dua keluarga besar
Sebelum format individu, satu perbezaan menjelaskan kebanyakannya:
- Imej raster ialah grid piksel. Foto ialah raster. Zum masuk cukup jauh dan anda nampak segi empat. PNG, JPG, WebP, AVIF, dan GIF semuanya raster.
- Imej vektor ialah matematik — garis, lengkung, dan bentuk yang ditakrif oleh koordinat. Ia berskala kepada mana-mana saiz tanpa kabur. SVG ialah format vektor di web.
Idea utama yang satu lagi ialah lossy lawan lossless. Format lossy (JPG, biasanya AVIF/WebP) membuang sebahagian perincian untuk mengecilkan fail. Format lossless (PNG, GIF, WebP lossless) mengekalkan setiap piksel dengan tepat.
Format, satu demi satu
JPG (JPEG) — Kuda kerja untuk foto. Lossy, kecil, dan boleh dibaca benar-benar di mana-mana. Tiada ketelusan, tiada animasi. Menyimpan semula berulang kali perlahan-lahan menurunkan mutunya. Guna untuk foto dan mana-mana tempat yang perlukan keserasian maksimum.
PNG — Lossless, menyokong ketelusan. Pilihan betul untuk tangkapan skrin, logo, ikon, dan gambar rajah — apa sahaja dengan teks atau tepi keras. Foto dalam PNG besar, jadi jangan guna untuk itu.
WebP — Format moden yang buat kedua-dua kerja: mod lossy mengatasi JPG dari segi saiz (~25–35% lebih kecil), mod lossless menyokong ketelusan dan kekal padat. Turut mengendalikan animasi. Disokong sejagat dalam pelayar sekarang. Ideal untuk web; kurang begitu untuk e-mel atau perisian lama.
AVIF — Pemampat terbaru dan terbaik di sini, kira-kira separuh saiz JPEG pada kualiti serupa, dengan ketelusan dan HDR. Pelayar boleh memaparkannya dengan baik, tetapi ia tak boleh mengekodnya dengan boleh dipercayai daripada kanvas — jadi alat berasaskan pelayar berundur ke WebP bila anda meminta AVIF. Pengekodan AVIF tulen memerlukan pelayan atau aplikasi asli.
GIF — Lama, terhad kepada 256 warna, tetapi klasik untuk animasi mudah. Untuk apa-apa melebihi gelung pendek, WebP (atau video) lebih kecil dan lebih tajam. Baik untuk ikon animasi kecil; lemah untuk foto.
SVG — Vektor, jadi ia berskala tanpa terhingga tanpa kabur dan kekal kecil untuk grafik mudah. Sempurna untuk logo, ikon, dan ilustrasi. Ia kod, bukan piksel, jadi ia tak boleh mewakili foto.
Jadual perbandingan
| Format | Jenis | Pemampatan | Ketelusan | Animasi | Terbaik untuk |
|---|---|---|---|---|---|
| JPG | Raster | Lossy | Tidak | Tidak | Foto, keserasian maks |
| PNG | Raster | Lossless | Ya | Tidak | Tangkapan skrin, logo, teks |
| WebP | Raster | Kedua-dua | Ya | Ya | Imej web, kecil + alfa |
| AVIF | Raster | Lossy/lossless | Ya | Ya | Pemampatan maks (sisi pelayan) |
| GIF | Raster | Lossless | 1-bit sahaja | Ya | Animasi mudah |
| SVG | Vektor | T/B | Ya | Ya (dengan CSS/JS) | Logo, ikon, ilustrasi |
Cara memilih, pantas
- Foto? JPG untuk keserasian, WebP untuk web.
- Tangkapan skrin, logo, atau teks? PNG (raster) atau SVG (kalau ia grafik vektor tulen).
- Perlukan ketelusan? PNG, WebP, AVIF, atau SVG — jangan sekali-kali JPG.
- Animasi? WebP untuk kualiti dan saiz, GIF hanya untuk kesederhanaan warisan.
- Menerbitkan ke laman web? WebP biasanya lalai yang bijak.
Menukar antaranya
Bila anda ada format yang salah, anda tak perlu memuat naik apa-apa untuk membetulkannya. Penukar Imej bertukar antara PNG, JPG, dan WebP terus dalam pelayar anda menggunakan Canvas — tiada akaun, tiada apa-apa dihantar, dan ia berfungsi luar talian selepas lawatan pertama. Ia mengendalikan kelompok, dan kalau anda meminta AVIF ia berundur ke WebP (lebih kecil daripada JPG/PNG dan disokong di mana-mana) memandangkan pelayar tak boleh mengekod AVIF dengan boleh dipercayai.
Ingat jadual di atas dan pilihan format berhenti menjadi tekaan: padankan format dengan kandungan (foto lawan grafik), kemudian dengan destinasi (web, e-mel, cetak), dan anda akan memilih dengan betul hampir setiap kali.