Panduan Lengkap
Format Gambar
Semua yang perlu Anda tahu tentang PNG, JPG, WebP, SVG, dan AVIF: apa bedanya, kapan memakai masing-masing, dan cara mengonversinya online secara gratis.
5 format dijelaskan
11 artikel mendalam
4 alat gratis
Format-format utama
.PNG
Gambar tanpa kehilangan data
Ideal untuk logo, ikon, dan gambar berlatar transparan.
.JPG
Foto dan gambar rumit
Paling cocok untuk fotografi. Kompresinya bagus dan kualitas visualnya terjaga.
.WebP
Standar modern di web
Lebih kecil daripada PNG dan JPG pada kualitas setara. Didukung semua browser.
.SVG
Grafik vektor
Bisa diubah ukurannya tanpa menurunkan kualitas. Sempurna untuk logo dan ikon.
.AVIF
Masa depan kompresi
Kompresinya melampaui WebP. Adopsinya masih berjalan, tetapi dukungannya terus bertambah.
Perbandingan singkat
| Format | Transparansi | Kompresi | Vektor | Paling cocok untuk |
|---|---|---|---|---|
| PNG | ✓ Ya | Ringan (tanpa kehilangan data) | ✗ Tidak | Logo, tangkapan layar, ikon |
| JPG | ✗ Tidak | Tinggi (dengan kehilangan data) | ✗ Tidak | Foto, banner, thumbnail |
| WebP | ✓ Ya | Tinggi (dengan/tanpa kehilangan data) | ✗ Tidak | Web secara umum, pengganti PNG dan JPG |
| SVG | ✓ Ya | Sangat baik (teks) | ✓ Ya | Logo, ikon, ilustrasi |
| AVIF | ✓ Ya | Maksimal | ✗ Tidak | Web berperforma tinggi |
Alat terkait
Perbandingan format
Panduan per format
Pertanyaan yang sering diajukan tentang format gambar
Format gambar apa yang sebaiknya saya pakai untuk situs saya?
Untuk foto, pakai WebP karena kompresinya lebih baik daripada JPG. Untuk logo dan ikon berlatar transparan, pakai SVG atau PNG. Saat ini WebP adalah pilihan paling dianjurkan untuk pemakaian umum di web, sebab ukuran file-nya lebih kecil tanpa penurunan kualitas yang kelihatan.
PNG atau JPG: mana yang lebih baik untuk dicetak?
Untuk cetak, PNG lebih unggul karena tidak memakai kompresi yang membuang data — seluruh detail gambar tetap utuh. JPG memampatkan gambar dan bisa memunculkan artefak yang kelihatan pada cetakan berkualitas tinggi.
Bagaimana cara mengubah PNG ke WebP secara gratis?
Pakai Konverter Gambar dari ImageTools. Unggah file PNG Anda, pilih WebP sebagai format keluaran, lalu klik konversi. Semua prosesnya berjalan di browser Anda sendiri, tanpa mengirim file ke server mana pun.
Apakah SVG bisa dipakai di mana saja?
SVG bekerja mulus di browser web modern dan di sebagian besar editor desain. Namun media sosial umumnya tidak menerima SVG untuk unggahan foto profil atau postingan — untuk kasus itu, ekspor dulu ke PNG.