Apa Itu PNG? Kompresi Lossless dan Transparansi

PNG (Portable Network Graphics) adalah format gambar yang menyimpan gambar tanpa kehilangan detail apa pun dan mendukung transparansi penuh. Format ini sudah menjadi standar untuk tangkapan layar, logo, ikon, dan grafik antarmuka. Artikel ini membahas mengapa PNG diciptakan, bagaimana kompresinya bekerja, mengapa terkadang file-nya sangat besar, serta tips praktis untuk mengonversi gambar PNG.

Lahirnya PNG: GIF dan paten LZW

Pada awal 1990-an, sebagian besar grafik di web adalah GIF, dan GIF memakai algoritma kompresi LZW yang dipatenkan oleh Unisys. Menurut sejarah format yang ditulis Greg Roelofs, perjanjian lisensi antara CompuServe dan Unisys diumumkan diam-diam pada 28 Desember 1994, sehingga muncul kemungkinan biaya lisensi bagi perangkat lunak yang menulis file GIF. Setelah reaksi di Usenet, Thomas Boutell mengunggah draf pertama format bebas paten, yang saat itu disebut "PBF", pada 4 Januari 1995. Nama "PNG" diusulkan pada 6 Januari dan diadopsi dalam Draft 5 pada 23 Januari 1995. Spesifikasinya dibekukan dengan Draft 9 pada 7 Maret 1995.

W3C menerbitkan PNG sebagai Recommendation pada 1 Oktober 1996, dan menurut Library of Congress teks yang sama diterbitkan oleh IETF sebagai RFC 2083 pada Januari 1997. Edisi kedua yang memuat errata menyusul pada 10 November 2003 dan menjadi standar internasional ISO/IEC 15948. W3C PNG Third Edition, yang terbit pada 24 Juni 2025, memasukkan PNG animasi (APNG), chunk cICP untuk sinyal HDR, dan chunk eXIf untuk data EXIF ke dalam spesifikasi resmi.

Cara kerja kompresi PNG

PNG bersifat lossless: piksel yang Anda dapatkan saat membuka file sama persis, bit demi bit, dengan piksel yang disimpan. File diperkecil dalam dua tahap.

1. Filter baris

Sebelum dikompresi, setiap baris piksel melewati sebuah filter. Alih-alih nilai piksel itu sendiri, filter menyimpan selisihnya dengan piksel tetangga, dan di area yang datar atau halus selisih itu mendekati nol, sehingga jauh lebih mudah dikompresi. Spesifikasi mendefinisikan lima jenis filter: None, Sub (piksel di kiri), Up (piksel di atas), Average (rata-rata kiri dan atas), dan Paeth (prediksi dari piksel kiri, atas, dan kiri atas). Encoder bisa memilih filter yang berbeda untuk setiap baris.

2. DEFLATE

Data yang sudah difilter dikompresi dengan DEFLATE, algoritma yang sama dengan yang dipakai di file ZIP, lalu disimpan dalam format zlib di dalam chunk IDAT. Ini satu-satunya metode kompresi yang didefinisikan spesifikasi, dan memakai sliding window maksimal 32 KB. Program yang berbeda menghasilkan PNG dengan ukuran berbeda dari gambar yang sama karena upaya yang dicurahkan untuk memilih filter dan pengaturan DEFLATE berbeda-beda; gambarnya sendiri identik.

Struktur chunk

File PNG diawali tanda tangan 8 byte yang diikuti chunk-chunk: IHDR untuk header, IDAT untuk data gambar, dan IEND untuk menutup file. Chunk opsional bisa menyimpan profil warna (iCCP), gamma (gAMA), teks (tEXt, iTXt), dan transparansi sederhana (tRNS).

Tipe warna, kedalaman bit, dan transparansi

PNG mendukung gambar grayscale, palet (terindeks), dan truecolor. Menurut Library of Congress, kedalaman sampel berkisar dari 1 hingga 16 bit; gambar RGB pada umumnya memakai 8 bit per kanal (24-bit), dan 16 bit per kanal (48-bit) bila diperlukan. Kanal alfa opsional menyimpan nilai transparansi tersendiri untuk setiap piksel. Ini jauh lebih fleksibel daripada transparansi GIF yang hanya hidup/mati: bayangan, tepi lembut, dan lapisan semi-transparan tampil dengan benar.

Interlacing Adam7 opsional memungkinkan gambar tampil kasar terlebih dahulu lalu makin tajam selama dimuat, tetapi biasanya membuat file lebih besar.

PNG palet dan pengurangan warna

Dalam PNG palet (terindeks), setiap piksel menyimpan indeks ke palet berisi hingga 256 entri, bukan warnanya sendiri. Dengan cara ini, logo, ikon, dan ilustrasi datar dengan sedikit warna bisa muat dalam file yang sangat kecil. PNG palet juga bisa memberi entri palet nilai transparansi masing-masing melalui chunk tRNS, sehingga, berbeda dengan GIF, warna palet semi-transparan dimungkinkan.

Namun, mereduksi foto atau gradasi menjadi PNG palet menimbulkan color banding dan pola dithering. Karena itu, pengurangan warna adalah langkah praproses yang dipilih sesuai jenis gambar; format PNG itu sendiri tetap lossless.

Seberapa luas PNG digunakan?

Data W3Techs per Oktober 2026 menunjukkan PNG dipakai di 74,9% situs web yang dipantaunya, menjadikannya format gambar yang paling banyak digunakan di situs web. Menurut HTTP Archive Web Almanac 2024, 28,4% gambar di halaman seluler adalah PNG, hanya kalah dari JPEG (32,4%). Laporan yang sama menempatkan median PNG pada 3,8 bit per piksel, dibandingkan 2,0 untuk JPEG dan 1,3 untuk WebP. Jangkauan PNG di situs web sebagian besar berasal dari logo dan ikon yang membutuhkan transparansi; menyajikan foto besar sebagai PNG membuat halaman berat tanpa perlu.

Kapan memakai PNG dan kapan memilih format lain

Halaman WebP dari Google menyebutkan bahwa gambar WebP lossless 26% lebih kecil daripada PNG. Itu menjadikan WebP alternatif yang baik untuk grafik yang ditampilkan di browser, meskipun PNG masih memiliki kompatibilitas lebih luas dan bisa dibuka hampir semua program.

Masalah umum

Mengapa PNG saya begitu besar?

Alasan paling umum adalah foto yang disimpan sebagai PNG. Noise dan detail halus pada foto tidak bisa dikompresi dengan baik secara lossless, sehingga gambar yang sama bisa beberapa kali lebih kecil sebagai JPG atau WebP. Untuk tangkapan layar, ukuran file bertambah seiring resolusinya.

Mengonversi JPG ke PNG tidak meningkatkan kualitas

PNG mempertahankan piksel sebagaimana adanya saat disimpan. Kehilangan dan artefak blok dari kompresi JPG sudah menjadi bagian gambar sebelum konversi, dan PNG juga mempertahankannya dengan persis.

Transparansi hilang setelah dikonversi ke JPG

JPG tidak memiliki kanal alfa. Selama konversi, piksel transparan diisi dengan warna solid; jika Anda tidak memilihnya, warna bawaan program (biasanya putih atau hitam) yang dipakai.

Warna tampak berbeda

PNG bisa membawa profil warna dan informasi gamma. Program yang menafsirkannya secara berbeda mungkin menampilkan warna yang sedikit berbeda. Memakai sRGB untuk gambar yang ditujukan ke web adalah pendekatan paling aman.

Tips mengonversi PNG

• Perkecil PNG yang berisi foto. Saat mengonversi PNG ke JPG, kualitas bawaannya 90; area transparan diisi putih secara bawaan, dan Anda bisa memilih warna latar lain.
• Untuk mempertahankan transparansi, konversi PNG ke WebP atau PNG ke AVIF; kedua format menyimpan kanal alfa. Jika setiap piksel harus tetap sama persis di WebP, centang "WebP lossless"; ukuran file mungkin bertambah.
• Memperkecil PNG dengan tetap mempertahankan format PNG ruangnya terbatas: selama gambarnya tetap sama, penghematan hanya datang dari mencoba filter dan kompresi yang lebih baik. Kompresor gambar kami secara bawaan mengubah PNG diam menjadi WebP; jika Anda ingin tetap memakai PNG, opsi optimasi PNG tambahan berusaha memperkecil file tanpa mengubah satu piksel pun.
• Butuh ikon? Konverter PNG ke ICO mengemas ikon persegi berukuran 16, 32, dan 48 piksel (serta ukuran yang lebih besar jika gambarnya cukup besar) ke dalam satu file.
• Konversi ini berjalan di browser Anda, sehingga file Anda tidak pernah meninggalkan perangkat Anda. Data EXIF dan lokasi tidak ditulis ke file hasil.

Pertanyaan yang Sering Diajukan

Apakah PNG lossy atau lossless?

PNG bersifat lossless. Berapa kali pun Anda membuka dan menyimpan file-nya, pikselnya tidak berubah. Yang disebut sebagian alat sebagai "PNG lossy" adalah pengurangan jumlah warna sebelum disimpan untuk menghasilkan PNG palet; kehilangannya terjadi di langkah praproses itu, bukan di formatnya.

Apakah PNG mendukung animasi?

PNG dasar tidak mendukungnya. Ekstensi APNG menambahkan animasi, dan menjadi bagian spesifikasi melalui W3C PNG Third Edition. Menurut MDN, semua browser terkini bisa menampilkan APNG, tetapi banyak editor gambar hanya membuka frame pertamanya.

Apa arti PNG-8 dan PNG-24?

Nama-nama ini tidak ada di spesifikasi; itu adalah istilah singkat yang dipakai perangkat lunak. PNG-8 biasanya berarti PNG palet dengan hingga 256 warna, PNG-24 berarti PNG truecolor dengan 24 bit per piksel, dan PNG-32 berarti PNG RGBA dengan kanal alfa.

Sebaiknya pakai PNG atau WebP?

Jika gambar akan ditampilkan di halaman web, WebP biasanya menghasilkan file lebih kecil dan juga mempertahankan transparansi. Jika Anda akan menyunting gambar di program lain, mengirimkannya kepada seseorang, atau mengarsipkannya, PNG menawarkan kompatibilitas yang lebih luas.

Apakah PNG cocok untuk cetak?

Dari segi kualitas ya, karena lossless, tetapi PNG tidak mendukung model warna CMYK. Alur kerja cetak profesional biasanya lebih memilih TIFF atau PDF.

Sumber

• W3C: Portable Network Graphics (PNG) Specification (Third Edition)
• W3C: ikhtisar dan sejarah PNG
• Greg Roelofs: History of the Portable Network Graphics (PNG) Format
• Library of Congress: deskripsi format PNG
• Google for Developers: An image format for the Web (WebP)
• MDN: Image file type and format guide
• W3Techs: Statistik penggunaan format file gambar di situs web
• HTTP Archive Web Almanac 2024: Media