Kompres Gambar PNG
Sebuah PNG tidak pernah kehilangan piksel ke pengkode-nya sendiri, yang menjadikan proses kompresi sebagai persimpangan jalan yang jujur: menjaga gambar tetap identik secara matematis dan mendapatkan penghematan yang modest, atau membiarkan tahap palet membuang informasi warna terlebih dahulu dan mengecilkan file secara dramatis. Halaman ini menawarkan kedua rute, menjalankannya sepenuhnya di browser Anda, dan mempertahankan transparansi dengan cara apa pun. Tabel menunjukkan apa yang dilakukan masing-masing rute terhadap gambar uji transparan yang sama — hasil yang diukur, bukan perkiraan.
PNG yang sama, kedua cara
| Mode | Output | Penghematan |
|---|---|---|
| PNG, tanpa kompresi (tanpa kehilangan kualitas) | 383.9 KB | 59% lebih kecil |
| PNG, ukuran file lebih kecil (kuantisasi) | 98.3 KB | 90% lebih kecil |
Dua rute menuju PNG yang lebih kecil
Rute lossless mengkode ulang gambar Anda, kemudian menyerahkannya kepada oxipng, sebuah pengoptimal berbasis Rust yang berjalan pada level 3, yang mencari pengaturan yang lebih efisien dari piksel yang sama persis: filter scanline yang berbeda, strategi deflate yang berbeda, gambar identik. Pada file uji 942.4 KB, pencarian itu sendiri mengembalikan 383.9 KB. Tidak ada yang berubah pada gambar; hanya pengemasannya yang berubah.
Rute kuantisasi adalah tempat angka dramatis berasal. Sebelum pengkode berjalan, imagequant membangun palet yang terdiri dari maksimal 256 warna dan memetakan setiap piksel ke entri terdekatnya. Outputnya tetap merupakan PNG yang sepenuhnya biasa yang dapat dibuka oleh perangkat lunak mana pun — informasi tersebut diserahkan sebelum pengkodean daripada selama proses tersebut. File uji yang sama mendarat pada 98.3 KB dengan cara ini, kira-kira sepersepuluh dari berat awalnya.
Rute mana yang cocok untuk gambar mana
Tangkapan layar antarmuka, logo, ikon, seni piksel, dan ilustrasi datar adalah apa yang diciptakan untuk palet. Gambar semacam itu jarang mengandung lebih dari beberapa ratus warna yang berbeda di tempat pertama, jadi memetakannya melalui 256 tidak mengubah sedikit pun atau tidak ada yang dapat ditemukan oleh mata, dan penghematannya sangat besar. Untuk apa pun dari jenis itu yang menuju ke halaman web, kuantisasi adalah pilihan yang masuk akal.
Simpan rute yang tidak tersentuh untuk gambar di mana piksel itu sendiri adalah titiknya: desain master yang akan Anda buka lagi, materi arsip, atau apa pun yang membawa gradien lembut yang panjang. Langit senja meminta 256 entri palet untuk menggambarkan ribuan langkah warna lembut, dan kegagalan yang terlihat adalah banding — ramp halus berubah menjadi garis kontur. Itu adalah satu artefak yang layak diperiksa setelah kuantisasi: tepinya akan tajam, ramp akan terlihat lebih dulu.
Transparansi, dan kapan meninggalkan PNG
Kedua rute membawa saluran alfa melalui utuh, termasuk transparansi parsial: kuantisator memperlakukan opasitas sebagai bagian dari setiap entri palet, sehingga tepi lembut yang anti-alias di sekitar logo yang dipotong bertahan alih-alih runtuh menjadi pinggiran yang keras. Apa yang menghancurkan transparansi adalah berpindah ke format tanpa itu — mengonversi hasil ke JPEG dan setiap piksel tembus pandang diratakan ke latar belakang solid, karena tidak ada varian JPEG yang membawa alfa.
Terkadang kompresi terbaik adalah meninggalkan PNG sepenuhnya. Sebuah foto yang disimpan sebagai .png adalah kesalahan kategori: jaminan lossless menghabiskan megabyte pada gambar kamera dan tidak membeli apa pun yang dapat dilihat oleh pemirsa, dan mengonversi file semacam itu ke JPEG atau WebP biasanya mengecilkannya beberapa kali lipat. Untuk grafik datar yang harus tetap kecil dan transparan, WebP lossless juga mengalahkan PNG dalam ukuran — perdagangannya adalah bahwa beberapa program desktop yang lebih tua masih menangani PNG dengan lebih baik.
Pertanyaan yang Sering Diajukan
Apakah kompresi PNG selalu lossless?
Pengkode format itu sendiri adalah — spesifikasi tidak mengandung mode lossy sama sekali. Alat yang mengiklankan penghematan PNG yang dramatis, termasuk yang ini, mendapatkannya dengan memotong jumlah warna sebelum pengkodean dimulai. Pilih opsi yang diberi label PNG — Tidak ada kompresi di sini dan tidak ada yang lossy terjadi pada tahap mana pun.
Apa perbedaan antara dua opsi PNG dalam dropdown?
PNG — Tidak ada kompresi adalah jalur lossless: piksel identik, dikemas ulang dengan lebih cerdas. PNG — Ukuran file lebih kecil adalah jalur kuantisasi: palet hingga 256 warna, kemudian pengemasan ulang yang sama. Nama-nama tersebut menggambarkan apa yang terjadi pada gambar Anda, bukan seberapa keras pengkode bekerja.
Seberapa kecil kuantisasi dapat membuat PNG?
Gambar uji transparan di halaman ini turun dari 942.4 KB menjadi 98.3 KB, dan urutan penghematan itu adalah hal yang normal untuk tangkapan layar dan karya seni datar. File yang sudah menggunakan palet memiliki jauh lebih sedikit untuk diberikan, karena pengurangan warna telah dilakukan sekali.
Apakah PNG yang dikuantisasi akan terlihat lebih buruk?
Pada gambar warna datar, hampir tidak pernah — berdampingan, kebanyakan orang tidak dapat membedakan yang asli. Gradien, vignette, dan foto adalah pengecualian: terlalu sedikit entri palet untuk menggambarkan ramp yang halus menghasilkan langkah warna yang terlihat.
Apakah latar belakang transparan bertahan dari kompresi?
Ya, pada kedua rute, dan piksel semi-transparan seperti bayangan jatuh dan tepi yang halus juga bertahan. Alfa hanya hilang dengan mengonversi ke format yang tidak memilikinya.
Mengapa PNG saya hampir tidak menyusut, atau bahkan tumbuh?
Sesuatu sudah mengoptimalkannya. Jalur ekspor semakin sering menjalankan pengoptimal PNG mereka sendiri, dan file yang berada dekat dengan batas losslessnya tidak meninggalkan pass kedua apa pun untuk ditemukan — terkadang upaya tersebut bahkan menghabiskan byte, dalam hal ini alat ini mengembalikan file asli Anda tanpa perubahan.
Mengapa PNG saya begitu besar di tempat pertama?
Biasanya resolusi. Tangkapan layar penuh dari tampilan 4K atau Retina adalah delapan megapiksel atau lebih dari data yang disimpan tanpa kehilangan sebelum Anda melakukan apa pun. Kuantisasi membantu; memotong ke area yang penting, atau menskalakan tangkapan antarmuka ke ukuran yang akan ditampilkan, membantu lebih banyak.
Bisakah saya mengompres beberapa PNG sekaligus?
Sepuluh file dan hingga 50 MB dalam satu putaran, dengan unduhan ZIP untuk hasilnya. Pengkodean terjadi di browser Anda daripada di server, jadi tidak ada antrean dan tidak ada kuota — jalankan sebanyak mungkin putaran yang Anda butuhkan.