Mengapa file PNG berat sejak awal
PNG bersifat lossless: setiap piksel disimpan persis, dan satu-satunya penghematan berasal dari kompresor serbaguna yang mirip ZIP. PNG biasa dari alat screenshot atau aplikasi desain disimpan sebagai truecolour dengan kanal alfa, artinya 4 byte per piksel sebelum kompresi. Screenshot 1920×1080 berisi sekitar 8 MB data piksel mentah, dan bahkan setelah dikompres sering berakhir di antara 1 dan 3 MB.
Sebagian besar informasi itu tidak terpakai. Screenshot halaman web mungkin hanya berisi beberapa ratus warna berbeda. Sebuah logo mungkin punya selusin, ditambah gradasi anti-aliasing di sepanjang tepinya. Menyimpan setiap piksel sebagai nilai 32 bit penuh berlebihan untuk gambar semacam itu, dan celah itulah yang dimanfaatkan alat ini.
Cara kerja kuantisasi palet
Alih-alih menyimpan warna untuk setiap piksel, PNG berindeks menyimpan palet hingga 256 warna dan menyimpan setiap piksel sebagai satu byte yang menunjuk ke palet itu. Pekerjaan utamanya ada pada pemilihan palet. Alat ini berulang kali membagi warna gambar menjadi kelompok-kelompok di sepanjang arah perbedaan terbesar, sampai jumlah kelompoknya sama dengan tingkat yang Anda pilih, lalu memakai rata-rata setiap kelompok sebagai entri palet. Setiap piksel kemudian dipetakan ke entri terdekatnya.
Transparansi adalah bagian dari proses yang sama: setiap entri palet membawa nilai alfanya sendiri, jadi bayangan lembut atau tepi anti-aliasing di atas latar transparan tetap bertahan sebagai beberapa warna palet semi-transparan, bukan potongan yang kasar.
Tiga tombol menentukan ukuran palet:
- Tinggi · 256: jumlah warna terbanyak yang bisa dimuat PNG palet. Ikon, logo, screenshot UI, dan diagram biasanya terlihat identik dengan aslinya.
- Sedang · 128: tetap bersih pada grafis datar dan ilustrasi dengan set warna terbatas. Layak dicoba untuk screenshot antarmuka.
- Rendah · 64: untuk karya sederhana seperti grafik, gambar garis, dan ikon dengan sedikit warna. Gradasi halus mulai menampakkan undakan.
Gambar lalu ditulis dengan kompresi PNG standar dan mempertahankan nama file aslinya.
Gambar yang cocok, dan yang tidak
Kuantisasi bekerja paling baik pada konten yang dibuat secara digital:
- Screenshot aplikasi dan situs web, terutama yang memiliki area datar luas.
- Logo, ikon, dan badge dengan transparansi.
- Grafik, diagram, peta, dan mock-up UI.
- Pixel art, yang sering tetap utuh bahkan pada pengaturan Rendah.
Kuantisasi kesulitan dengan gradasi halus dan foto. Alat ini memetakan setiap piksel ke warna palet terdekat tanpa dithering, jadi langit atau vignette lembut yang butuh ribuan gradasi berubah menjadi pita-pita yang terlihat. Untuk foto, format lossy bekerja lebih baik: proses dengan PNG ke JPG jika tidak butuh transparansi, atau pertahankan transparansi dengan PNG ke WebP.
Memeriksa hasilnya
Setiap baris file menampilkan ukuran asli dan ukuran baru berdampingan. Jika kuantisasi tidak bisa membuat file lebih kecil, alat ini mengembalikan file asli tanpa diubah dan barisnya menyatakan bahwa file asli dipertahankan. Ini terjadi pada PNG yang sudah berindeks atau sudah dioptimalkan habis-habisan oleh alat lain, dan pada gambar yang penuh noise halus.
Untuk menilai kualitas, buka file asli dan hasilnya berdampingan di bandingkan gambar lalu seret slider melintasi gradasi dan tepi. Jika terlihat banding, naikkan satu tingkat; jika Sedang terlihat identik dengan Tinggi, ambil file yang lebih kecil.
Catatan praktis
- Chunk teks dan metadata dari file asli, seperti nama perangkat lunak pembuat atau komentar tersemat, tidak ikut terbawa, karena gambar didekode dan ditulis dari awal. File yang dikembalikan tanpa perubahan karena tidak bisa diperkecil tetap mempertahankannya.
- Hanya input PNG yang diterima. File hingga 50 MB per file bisa diproses, tetapi gambar yang sangat besar butuh waktu lebih lama: setiap piksel harus dianalisis untuk membangun palet, jadi PNG 6000×4000 bisa memakan waktu jauh lebih lama daripada screenshot.
- Pemrosesan berjalan di worker latar belakang di browser Anda jika didukung. Tidak ada yang diunggah, dan satu kumpulan bisa diunduh sebagai satu ZIP.
- Memperkecil dimensi lebih dulu sering lebih berpengaruh daripada palet. Screenshot retina 2× yang diubah ke ukuran tampilannya hanya punya seperempat piksel bahkan sebelum kuantisasi dimulai.