Format imej diterangkan: JPG, PNG, WebP, AVIF, GIF, BMP dan ICO
Format mana yang sesuai untuk foto, logo, tangkapan skrin, halaman web, cetakan dan media sosial, serta sebabnya.
Setiap format imej ialah satu set kompromi antara saiz fail, kualiti, ketelusan, animasi dan keserasian. Jika anda tersalah pilih, anda akan mendapat sama ada fail yang terlalu besar atau logo yang kabur. Panduan ini menerangkan kelebihan setiap format, berserta angka yang anda perlukan untuk membuat keputusan.
Dua jenis pemampatan
Pemampatan tanpa kehilangan (lossless) menyimpan setiap piksel dengan tepat dan hanya mencari cara yang lebih cekap untuk menulis data yang sama, seperti yang dilakukan oleh ZIP. Buka dan simpan imej tanpa kehilangan seribu kali dan ia tetap tidak berubah. PNG, BMP, GIF dan WebP tanpa kehilangan berfungsi dengan cara ini.
Pemampatan berkehilangan (lossy) membuang sebahagian maklumat, dengan menyasarkan butiran yang paling kurang disedari oleh mata manusia: tekstur halus, perbezaan warna yang sangat kecil dan hingar berfrekuensi tinggi. Hasilnya boleh menjadi sepersepuluh saiz fail tanpa kehilangan tanpa sebarang perbezaan yang kelihatan, tetapi setiap kali disimpan semula, sedikit lagi butiran hilang. JPG, WebP berkehilangan dan AVIF berfungsi dengan cara ini.
Peraturan pertama terhasil secara langsung: gunakan format berkehilangan untuk foto, yang penuh dengan hingar dan tekstur yang tidak akan dirindui sesiapa, dan format tanpa kehilangan untuk grafik bertepi tajam, warna rata dan teks, di mana setiap piksel penting.
Format demi format
JPG (JPEG)
Format foto sejak 1992. Berkehilangan, warna 8-bit, tiada ketelusan, tiada animasi. Disokong oleh semua perisian dan peranti yang pernah dibuat. Tetapan kualiti dari 0 hingga 100 mengawal kompromi tersebut; 80 hingga 85 ialah julat terbaik untuk kegunaan harian. Kelemahannya ialah kesan "blok" yang kelihatan pada kualiti rendah, riak di sekeliling tepi yang tajam, dan ketiadaan ketelusan. Gunakannya untuk foto yang akan dihantar ke mana-mana sahaja di luar pelayar: e-mel, cetakan, pasaran dalam talian dan perisian lama.
PNG
Tanpa kehilangan, warna sehingga 16-bit, ketelusan alfa penuh, tiada animasi (APNG wujud tetapi jarang digunakan). Pilihan yang tepat untuk logo, ikon, tangkapan skrin, rajah, carta dan sebarang imej yang memerlukan latar belakang lutsinar. Kelemahannya ialah saiz: foto dalam format PNG boleh menjadi sepuluh kali ganda lebih besar daripada JPG. Jangan sekali-kali gunakan PNG untuk foto di laman web.
WebP
Format web Google, kini disokong oleh setiap pelayar semasa. Mempunyai mod berkehilangan dan tanpa kehilangan, menyokong ketelusan dalam kedua-dua mod, dan menyokong animasi. WebP berkehilangan kira-kira 25 hingga 35% lebih kecil daripada JPG pada kualiti yang sama; WebP tanpa kehilangan kira-kira 25% lebih kecil daripada PNG. Ia ialah format serba guna terbaik untuk apa sahaja yang dipaparkan dalam pelayar. Kelemahannya ialah keserasian di luar pelayar: perisian komputer yang lama, sesetengah aplikasi e-mel dan banyak borang muat naik masih menolaknya.
AVIF
Lebih baharu lagi, berasaskan kodek video AV1. Biasanya 50% lebih kecil daripada JPG dan 20% lebih kecil daripada WebP pada kualiti yang sama, dengan sokongan ketelusan, animasi dan gamut warna yang luas. Disokong oleh semua pelayar semasa sejak 2024. Pengekodannya perlahan, terutamanya dalam pelayar, dan sokongan dalam perisian bukan pelayar masih tidak sekata. Gunakannya apabila saiz fail sangat penting dan anda mengawal persekitaran paparan; sediakan WebP atau JPG sebagai pilihan sandaran.
GIF
Dari tahun 1987. Terhad kepada 256 warna bagi setiap bingkai, ketelusan satu warna, dan animasi, yang merupakan satu-satunya sebab ia masih ada di mana-mana. Sangat teruk untuk foto, memadai untuk grafik ringkas, dan tiada tandingan dari segi keserasian. Untuk imej pegun, PNG melakukan semua yang GIF lakukan dengan lebih baik; untuk animasi, MP4 atau WebP beranimasi jauh lebih kecil.
BMP
Bitmap Windows yang tidak dimampatkan. Fail yang sangat besar, tiada ketelusan dalam penggunaan biasa, tiada pemampatan. Ia masih wujud hanya kerana ia sangat mudah dibaca, sesuatu yang penting bagi peranti terbenam dan perisian lama. Jangan sekali-kali gunakannya untuk web atau untuk penyimpanan.
ICO
Format ikon Windows dan favicon pelayar. Mengandungi beberapa saiz imej yang sama dalam satu fail supaya saiz yang betul boleh dipilih untuk tab, penanda halaman atau pintasan desktop. Dihasilkan daripada PNG menggunakan alat PNG ke ICO.
Jadual perbandingan
| Format | Pemampatan | Ketelusan | Animasi | Saiz foto berbanding JPG | Keserasian |
|---|---|---|---|---|---|
| JPG | Berkehilangan | Tidak | Tidak | 1× | Universal |
| PNG | Tanpa kehilangan | Ya, alfa penuh | Tidak | 5 hingga 10× | Universal |
| WebP | Kedua-duanya | Ya, alfa penuh | Ya | 0.65 hingga 0.75× | Semua pelayar, kebanyakan aplikasi moden |
| AVIF | Kedua-duanya | Ya, alfa penuh | Ya | 0.5× | Semua pelayar semasa, sedikit aplikasi |
| GIF | Tanpa kehilangan, 256 warna | Ya, hidup/mati | Ya | 2 hingga 4× (dan kualiti lebih teruk) | Universal |
| BMP | Tiada | Tidak | Tidak | 20 hingga 30× | Universal tetapi jarang digunakan |
Format mana untuk tugas mana
- Foto di laman web: WebP pada kualiti 75 hingga 85, dengan JPG sebagai sandaran jika anda perlu menyokong pelayar yang sangat lama. AVIF jika anda mahukan halaman yang sekecil mungkin.
- Logo dan ikon di laman web: SVG jika ada; jika tidak, PNG atau WebP tanpa kehilangan.
- Tangkapan skrin: PNG. Pemampatan berkehilangan mengaburkan teks.
- Lampiran e-mel: JPG untuk foto, PNG untuk grafik. Jangan hantar WebP; terlalu banyak aplikasi e-mel tidak mengendalikannya dengan betul.
- Cetakan: JPG pada kualiti 95 atau PNG/TIFF, pada 300 piksel setiap inci saiz cetakan.
- Media sosial: JPG atau PNG; setiap platform akan memampatkan semula semasa muat naik, jadi muat naik pada kualiti tinggi dan dimensi yang betul.
- Potongan produk lutsinar: PNG untuk keserasian maksimum, WebP untuk web.
- Favicon: ICO berserta PNG untuk skrin utama telefon.
Menukar antara format
Setiap penukaran di laman ini dijalankan dalam pelayar anda. Laluan yang paling biasa ialah PNG ke WebP dan JPG ke WebP untuk web, WebP ke JPG dan WebP ke PNG untuk keserasian, serta PNG ke JPG untuk mengecilkan foto yang dieksport dalam format yang salah. Pemampat imej boleh mengendalikan mana-mana daripadanya dengan sokongan kelompok.