Apakah alat ini?
PNG tidak kehilangan kualiti (lossless), jadi ia tiada tetapan "kualiti" untuk direndahkan — pengekodan semula secara naif hampir tidak membantu. Pemampatan PNG sebenar berfungsi secara berbeza: pengkuantitian palet mengurangkan imej kepada satu set warna yang dipilih dengan teliti (sehingga 256). Oleh kerana tangkapan skrin, logo dan grafik antara muka jarang menggunakan lebih banyak warna berbeza daripada itu, fail menjadi 50-70% lebih kecil sambil kelihatan sama. Ketelusan (saluran alfa) dikekalkan sepenuhnya.
Ini adalah teknik di sebalik perkhidmatan terkenal seperti TinyPNG — perbezaannya di sini ialah ia berjalan dalam pelayar anda melalui enjin sumber terbuka, jadi imej anda kekal pada peranti anda dan tiada had fail harian.
Kenapa guna alat ini?
- Pemampatan sebenar (50-70% biasa), bukan pengekodan semula plasebo.
- Ketelusan dikekalkan — selamat untuk logo, ikon dan aset UI.
- Tiada muat naik, tidak seperti perkhidmatan gaya TinyPNG — dan oleh itu tiada had bilangan fail.
- Bajet warna boleh diselaraskan (16-256) dengan penjimatan setiap imej ditunjukkan.
- Sokongan kelompok, percuma, tiada tera air.
Cara menggunakannya
- Lepaskan fail PNG pada kotak (enjin pemampatan dimuatkan secara automatik, sekali sahaja).
- Kekalkan 256 warna untuk hasil yang kelihatan sama secara visual, atau rendahkan untuk fail lebih kecil.
- Setiap hasil menunjukkan penjimatan tepat — klik Download.
- Jika PNG mirip foto tidak mengecil cukup, tukarkan kepada JPG sebaliknya (lihat PNG to JPG).
Contoh
Input
app-screenshot.png — 980 KBHasil
app-screenshot-compressed.png — 290 KB (−70%), 256 warnaTangkapan skrin dan grafik UI mengkuantiti dengan indah; palet meliputi setiap warna yang sebenarnya mereka gunakan.
Daripada ujian kami sendiri
Ujian pelancaran kami menggunakan imej yang sengaja mencabar: PNG 600×400 dipenuhi 200 tampalan warna separuh telus bertindih — jauh lebih bersepah daripada tangkapan skrin biasa. Ia mengkuantiti daripada 31.1 KB kepada 7.8 KB (−75%) pada 256 warna, dengan saluran alfa utuh. Grafik UI dunia sebenar mampat lebih baik lagi kerana ia menggunakan lebih sedikit warna berbeza daripada ujian tekanan kami. Sisi jujur yang juga kami sahkan: kandungan fotografik menunjukkan jaluran yang kelihatan pada 256 warna — itulah masa untuk laluan JPG/WebP sebaliknya, itulah sebabnya pautan penukar berada satu bahagian di atas.
Kes penggunaan biasa
- Mengecilkan tangkapan skrin aplikasi atau laman web sebelum melampirkannya pada laporan pepijat atau halaman dokumentasi.
- Memampatkan set logo atau ikon untuk laman web tanpa kehilangan latar belakang telus yang dipergantungan pembangun.
- Mengurangkan saiz eksport mockup UI daripada alat reka bentuk sebelum dikongsi dengan pasukan.
- Mengurangkan berat kelompok grafik antara muka untuk panduan gaya atau repositori sistem reka bentuk.
Soalan lazim
Bagaimana format tanpa kehilangan boleh dimampatkan lagi?
Dengan menjadikannya sedikit lossy secara bijak: pengkuantitian memilih kira-kira 256 warna yang paling baik mewakili imej dan memetakan setiap piksel kepadanya. Untuk grafik dengan julat warna terhad, hasilnya kelihatan sama secara visual — secara teknikal lossy, secara praktikal tidak dapat dibezakan.
Adakah ketelusan akan terselamat selepas pemampatan?
Ya — saluran alfa dikekalkan, termasuk piksel separuh telus (bayang lekar, tepi anti-aliased). Ini tepat apa yang diperlukan oleh logo dan aset UI.
Bila pemampatan PNG kurang berkesan?
Pada fotograf dan gradien licin — ia menggunakan beribu warna, jadi 256 boleh menunjukkan jaluran. Untuk kandungan foto, menukar kepada JPG atau WebP menjimatkan jauh lebih banyak; itulah tujuan penukar PNG ke JPG kami.
Bagaimana ini berbeza daripada TinyPNG?
Teknik asas yang sama (pengkuantitian palet), penjimatan yang serupa. Perbezaan praktikal: fail anda tidak pernah dimuat naik di sini, tiada had kelompok 20 fail, tiada had 5 MB, dan tiada tahap berbayar — kerana tiada pelayan melakukan kerja itu.
Bilangan warna apa yang perlu saya pilih?
Mula pada 256 — kelihatan sama secara visual untuk hampir semua grafik. Turunkan kepada 64 atau 32 untuk ikon dan elemen UI ringkas untuk memerah lebih; perhatikan lakaran kecil pratonton untuk jaluran.