CodeKitHubApa Itu Alat Ini?
PNG bersifat lossless, jadi tidak punya pengaturan "kualitas" untuk diturunkan — encoding ulang secara naif hampir tidak membantu. Kompresi PNG yang sesungguhnya bekerja dengan cara berbeda: kuantisasi palet mengurangi gambar menjadi kumpulan warna terpilih (hingga 256). Karena screenshot, logo, dan grafis antarmuka jarang memakai warna lebih dari itu, ukuran file bisa berkurang 50–70% dengan tampilan yang tetap identik. Transparansi (kanal alpha) sepenuhnya dipertahankan.
Ini adalah teknik yang sama seperti di balik layanan terkenal seperti TinyPNG — bedanya di sini semuanya berjalan di browser Anda lewat mesin open-source, jadi gambar Anda tetap di perangkat Anda dan tidak ada batas jumlah file harian.
Mengapa Menggunakannya?
- Kompresi nyata (biasanya 50–70%), bukan sekadar encoding ulang tanpa efek.
- Transparansi tetap terjaga — aman untuk logo, ikon, dan aset antarmuka.
- Tanpa upload, tidak seperti layanan bergaya TinyPNG — sehingga tanpa batas jumlah file.
- Anggaran warna yang bisa diatur (16–256) dengan penghematan per gambar ditampilkan.
- Mendukung batch, gratis, tanpa watermark.
Cara Menggunakan
- Seret file PNG ke kotak (mesin kompresi dimuat otomatis, sekali saja).
- Pertahankan 256 warna untuk hasil yang tampak identik, atau turunkan untuk file lebih kecil.
- Setiap hasil menampilkan penghematan yang tepat — klik Download.
- Jika PNG mirip foto tidak cukup mengecil, konversikan ke JPG saja (lihat PNG to JPG).
Contoh
Input
screenshot-app.png — 980 KBOutput
screenshot-app-compressed.png — 290 KB (−70%), 256 warnaScreenshot dan grafis antarmuka terkuantisasi dengan sangat baik; palet menutupi semua warna yang benar-benar dipakai.
Dari pengujian kami sendiri
Uji peluncuran kami menggunakan gambar yang sengaja dibuat sulit: PNG 600×400 berisi 200 tambalan warna semi-transparan yang saling tumpang tindih — jauh lebih rumit daripada screenshot biasa. Ukurannya terkuantisasi dari 31,1 KB menjadi 7,8 KB (−75%) pada 256 warna, dengan kanal alpha tetap utuh. Grafis antarmuka dunia nyata terkompresi bahkan lebih baik karena memakai lebih sedikit warna berbeda daripada uji stres kami. Sisi jujurnya yang juga kami konfirmasi: konten fotografis menunjukkan banding yang terlihat pada 256 warna — itulah saatnya beralih ke jalur JPG/WebP, sebabnya tautan konverter ada satu bagian di atas.
Kasus penggunaan umum
- Memperkecil screenshot aplikasi atau situs sebelum dilampirkan ke laporan bug atau halaman dokumentasi.
- Mengompres logo atau set ikon untuk situs web tanpa kehilangan latar belakang transparan yang dibutuhkan developer.
- Mengurangi ukuran hasil ekspor mockup UI dari alat desain sebelum dibagikan ke tim.
- Memangkas ukuran batch grafis antarmuka untuk style guide atau repositori sistem desain.
Pertanyaan yang Sering Diajukan
Bagaimana format lossless bisa dikompresi lebih lanjut?
Dengan membuatnya sedikit lossy secara cerdas: kuantisasi memilih ~256 warna yang paling mewakili gambar dan memetakan setiap piksel ke warna tersebut. Untuk grafis dengan rentang warna terbatas, hasilnya tampak identik secara visual — secara teknis lossy, tapi praktis tidak bisa dibedakan.
Apakah transparansi bertahan setelah kompresi?
Ya — kanal alpha dipertahankan, termasuk piksel semi-transparan (bayangan drop shadow, tepi anti-aliasing). Ini persis yang dibutuhkan logo dan aset antarmuka.
Kapan kompresi PNG bekerja kurang baik?
Pada foto dan gradien halus — keduanya memakai ribuan warna, jadi 256 bisa menampilkan banding. Untuk konten foto, mengonversi ke JPG atau WebP menghemat jauh lebih banyak; itulah fungsi konverter PNG to JPG kami.
Apa bedanya alat ini dengan TinyPNG?
Teknik dasarnya sama (kuantisasi palet), penghematannya serupa. Bedanya secara praktis: file Anda tidak pernah diunggah di sini, tidak ada batas 20 file per batch, tidak ada batas 5 MB, dan tidak ada tingkatan berbayar — karena tidak ada server yang mengerjakan prosesnya.
Jumlah warna berapa yang sebaiknya saya pilih?
Mulai dari 256 — tampak identik secara visual untuk hampir semua grafis. Turunkan ke 64 atau 32 untuk ikon dan elemen antarmuka sederhana demi ukuran lebih kecil; perhatikan thumbnail pratinjau untuk melihat banding.