Kalau Anda pernah menempelkan logo di atas latar berwarna lalu muncul kotak putih yang mengganggu di sekelilingnya, biang keladinya adalah format gambar. PNG diciptakan justru untuk mengatasi hal itu — di antara hal-hal lain. Inilah format baku untuk gambar apa pun yang butuh latar transparan atau yang tidak boleh turun kualitasnya saat disimpan.
Apa arti PNG?
PNG adalah singkatan dari Portable Network Graphics — "grafis jaringan yang mudah dibawa". Format ini lahir pada 1995 sebagai alternatif terbuka dan bebas royalti untuk GIF, dan dengan cepat jadi salah satu format gambar yang paling banyak dipakai di web. Berbeda dari JPG, PNG memakai kompresi tanpa kehilangan data (lossless), artinya tidak ada satu pun informasi piksel yang dibuang saat file disimpan.
Bagaimana PNG bekerja?
PNG memakai algoritme kompresi bernama DEFLATE — sama seperti yang dipakai file ZIP — dipadukan dengan filter prediksi piksel. Prosesnya menelaah pola berulang di dalam gambar lalu menyandikannya dengan lebih hemat, tanpa membuang satu pun informasi aslinya.
Hasilnya, sebuah PNG yang disimpan dan dibuka ulang sepuluh kali tetap sama persis dengan file aslinya, piksel demi piksel. Itulah yang membuat format ini pas untuk situasi apa pun yang menuntut kesetiaan visual — seperti tangkapan layar, logo, dan gambar yang akan diedit berkali-kali.
PNG juga mendukung kanal khusus bernama kanal alpha, yang mengatur transparansi tiap piksel satu per satu. Sebuah piksel bisa sepenuhnya padat, sepenuhnya tembus pandang, atau berada di tingkat mana pun di antara keduanya — sehingga tepian bisa halus dan bayangan bisa benar-benar tembus pandang.
Apa saja kelebihan PNG?
- Transparansi lewat kanal alpha: dukungan transparansi yang utuh, termasuk tembus pandang separuh dan tepian yang halus. Inilah satu-satunya format yang didukung luas dan memungkinkan gambar ditempel di atas latar apa pun tanpa kotak putih.
- Kompresi tanpa kehilangan data: kualitas aslinya terjaga sepenuhnya, tidak peduli berapa kali file itu disimpan atau dibuka ulang.
- Pas untuk teks dan grafis yang tajam: tepian lurus, teks, dan bidang warna rata tampil sempurna tajam di PNG, tanpa artefak kompresi seperti yang muncul di JPG.
- Kompatibilitas universal: didukung semua browser, sistem operasi, dan software penyunting gambar.
- Dukungan kedalaman warna: PNG menampung gambar 8 bit (256 warna), 24 bit (16,7 juta warna), bahkan 48 bit untuk keperluan profesional.
Apa saja keterbatasan PNG?
- File lebih berat untuk foto: kompresi lossless kalah hemat dibanding kompresi lossy JPG untuk urusan foto. Satu foto dalam PNG bisa 5 sampai 10 kali lebih besar daripada foto yang sama dalam JPG pada kualitas visual yang setara.
- Tidak mendukung animasi: PNG adalah format diam. Untuk gambar bergerak yang butuh transparansi, WebP atau APNG (PNG animasi) bisa jadi jalan keluar, meski dukungannya lebih terbatas.
- Kurang cocok untuk foto di situs web: memakai PNG untuk foto di situs web bisa memperlambat pemuatan halaman secara signifikan. Untuk foto, JPG atau WebP selalu jadi pilihan yang benar.
💡 Aturan praktis: pakai PNG kalau gambarnya berlatar transparan, atau kalau itu logo, ikon, tangkapan layar, dan grafis apa pun yang memuat teks serta tepian tajam. Untuk foto di situs web, pilih JPG atau WebP — jauh lebih ringan tanpa penurunan kualitas yang kasat mata.
PNG-8 vs PNG-24 — apa bedanya?
| Ciri | PNG-8 | PNG-24 |
|---|---|---|
| Jumlah warna | Sampai 256 warna | Sampai 16,7 juta warna |
| Transparansi | Biner (tembus atau tidak, per piksel) | Kanal alpha penuh (256 tingkat) |
| Ukuran file | Lebih kecil | Lebih besar |
| Pas untuk | Ikon sederhana, grafis dengan sedikit warna | Logo, gambar dengan tembus pandang separuh |
Untuk sebagian besar kebutuhan masa kini — terutama logo dan gambar bertepi halus — PNG-24 adalah yang paling tepat, karena menjamin transparansi penuh pada tingkat opasitas berapa pun.
Kapan sebaiknya pakai PNG?
Pakai PNG dalam situasi berikut:
- Logo dan identitas visual: ketika logo harus ditempel di atas latar dengan bermacam warna tanpa kotak putih.
- Tangkapan layar: antarmuka, dasbor, dan layar sistem tampil dengan teks yang sempurna tajam di PNG.
- Ikon dan elemen antarmuka: tombol, ilustrasi, dan elemen antarmuka yang butuh tepian bersih.
- Gambar yang akan diedit: setiap kali gambar akan dibuka, diedit, dan disimpan berulang kali, PNG menghindarkan penurunan kualitas beruntun ala JPG.
- Infografis berteks: grafik dan gambar yang memadukan teks dengan elemen visual tampil jauh lebih tajam di PNG.
PNG vs JPG vs WebP — perbandingan lengkap
| Ciri | PNG | JPG | WebP |
|---|---|---|---|
| Kompresi | Tanpa buang data (lossless) | Membuang data (lossy) | Keduanya |
| Transparansi | Ya (kanal alpha) | Tidak | Ya |
| Pas untuk foto | Tidak | Ya | Ya |
| Pas untuk logo dan ikon | Ya | Tidak | Ya |
| Ukuran untuk foto | Sangat besar | Kecil | Sangat kecil |
| Ukuran untuk logo | Kecil sampai sedang | Sedang (dengan artefak) | Kecil |
| Dukungan universal | Ya | Ya | Browser modern |
Bagaimana cara memperkecil ukuran file PNG?
Meski formatnya lossless, ukuran sebuah PNG masih bisa dipangkas cukup banyak. Caranya antara lain menurunkan kedalaman warna (dari PNG-24 ke PNG-8, kalau gambarnya memang sedikit warna), membuang metadata yang tidak perlu, dan memakai algoritme kompresi yang lebih hemat seperti yang dipakai Kompres. Dalam banyak kasus, ukuran PNG bisa turun 30% sampai 50% tanpa perubahan visual sama sekali.
Kompres file PNG Anda tanpa menurunkan kualitas
Perkecil ukuran file PNG dengan transparansi dan ketajaman aslinya tetap utuh. Gratis dan langsung di browser.
Kompres gambar PNG