Setiap format gambar adalah sekumpulan trade-off antara ukuran file, kualitas, dan fitur seperti transparansi atau animasi. Pilih yang salah dan Anda dapat file membengkak, teks buram, atau grafik yang tak mau tampil. Berikut tiap format umum dalam istilah sederhana, diikuti tabel yang bisa Anda simpan.
Dua keluarga besar
Sebelum format-format individual, satu perbedaan menjelaskan sebagian besarnya:
- Gambar raster adalah kisi piksel. Foto itu raster. Zoom cukup dekat dan Anda melihat kotak-kotak. PNG, JPG, WebP, AVIF, dan GIF semuanya raster.
- Gambar vektor adalah matematika — garis, lengkung, dan bentuk yang didefinisikan oleh koordinat. Ia menskala ke ukuran berapa pun tanpa buram. SVG adalah format vektor di web.
Gagasan kunci lainnya adalah lossy vs lossless. Format lossy (JPG, biasanya AVIF/WebP) membuang sebagian detail untuk menyusutkan file. Format lossless (PNG, GIF, WebP lossless) menyimpan setiap piksel persis.
Format-formatnya, satu per satu
JPG (JPEG) — Andalan untuk foto. Lossy, kecil, dan bisa dibaca benar-benar di mana saja. Tanpa transparansi, tanpa animasi. Menyimpan ulang berkali-kali perlahan menurunkan kualitasnya. Pakai untuk foto dan tempat mana pun yang butuh kompatibilitas maksimal.
PNG — Lossless, mendukung transparansi. Pilihan tepat untuk tangkapan layar, logo, ikon, dan diagram — apa pun dengan teks atau tepi tegas. Foto dalam PNG berukuran besar, jadi jangan pakai untuk itu.
WebP — Format modern yang mengerjakan kedua tugas: mode lossy mengalahkan JPG dari sisi ukuran (~25–35% lebih kecil), mode lossless mendukung transparansi dan tetap ringkas. Juga menangani animasi. Kini didukung universal di browser. Ideal untuk web; kurang untuk email atau software lawas.
AVIF — Kompresor terbaru dan terbaik di sini, kira-kira separuh ukuran JPEG pada kualitas serupa, dengan transparansi dan HDR. Browser bisa menampilkannya dengan baik, tapi tak bisa meng-encode-nya secara andal dari canvas — jadi alat berbasis browser beralih ke WebP saat Anda meminta AVIF. Encoding AVIF sejati butuh server atau aplikasi native.
GIF — Tua, terbatas 256 warna, tapi klasik untuk animasi sederhana. Untuk apa pun di luar loop pendek, WebP (atau video) lebih kecil dan lebih tajam. Cocok untuk ikon animasi mungil; buruk untuk foto.
SVG — Vektor, jadi menskala tak terbatas tanpa buram dan tetap mungil untuk grafik sederhana. Sempurna untuk logo, ikon, dan ilustrasi. Ia kode, bukan piksel, jadi tak bisa merepresentasikan foto.
Tabel perbandingan
| Format | Tipe | Kompresi | Transparansi | Animasi | Paling cocok untuk |
|---|---|---|---|---|---|
| JPG | Raster | Lossy | Tidak | Tidak | Foto, kompatibilitas maksimal |
| PNG | Raster | Lossless | Ya | Tidak | Tangkapan layar, logo, teks |
| WebP | Raster | Keduanya | Ya | Ya | Gambar web, kecil + alpha |
| AVIF | Raster | Lossy/lossless | Ya | Ya | Kompresi maksimal (sisi server) |
| GIF | Raster | Lossless | 1-bit saja | Ya | Animasi sederhana |
| SVG | Vektor | N/A | Ya | Ya (dengan CSS/JS) | Logo, ikon, ilustrasi |
Cara memilih, cepat
- Foto? JPG untuk kompatibilitas, WebP untuk web.
- Tangkapan layar, logo, atau teks? PNG (raster) atau SVG (kalau itu grafik vektor sejati).
- Butuh transparansi? PNG, WebP, AVIF, atau SVG — jangan pernah JPG.
- Animasi? WebP untuk kualitas dan ukuran, GIF hanya untuk kesederhanaan lawas.
- Menerbitkan ke situs web? WebP biasanya default yang cerdas.
Mengonversi antar-format
Saat Anda punya format yang salah, tak perlu mengunggah apa pun untuk memperbaikinya. Image Converter beralih antara PNG, JPG, dan WebP langsung di browser Anda menggunakan Canvas — tanpa akun, tak ada yang dikirim, dan bekerja offline setelah kunjungan pertama. Ia menangani batch, dan kalau Anda meminta AVIF ia beralih ke WebP (lebih kecil dari JPG/PNG dan didukung di mana saja) karena browser tak bisa meng-encode AVIF secara andal.
Ingat tabel di atas dan pemilihan format berhenti jadi tebak-tebakan: cocokkan format ke konten (foto vs grafik), lalu ke tujuan (web, email, cetak), dan Anda akan memilih benar hampir setiap kali.