Kompres Gambar PNG Tanpa Meratakan Transparansi

Siapkan pilihan khusus PNG untuk logo, screenshot, aset antarmuka, dan grafis transparan.

Pilih gambar PNG

File PNG statis; APNG tidak diterima pada rilis ini · Batas file: 20 · 5 MB per file

Kompresi yang memperhitungkan transparansi

Buat File PNG Lebih Kecil Tanpa Meratakan Desain

Pilih strategi PNG yang menghargai tepi transparan, teks yang tajam, dan grafis berwarna datar.

Kompres PNG
Alpha

Pertahankan transparansi

Pertahankan piksel transparan dan semi-transparan.

Lossless

Lindungi warna hasil dekode

Optimalkan encoding tanpa sengaja mengubah nilai piksel.

Palet

Kurangi variasi warna

Gunakan lebih sedikit warna saat logo atau aset UI masih bisa menerimanya.

Statis

Hindari animasi hilang

File PNG animasi tidak termasuk dalam alur kerja ini.

PNG paling kecil pun tidak berguna jika transparansi atau tepi yang rapi hilang.

Anatomi PNG

Lindungi alpha, tepi, dan struktur warna

PNG dapat menggabungkan piksel opak, transparansi sebagian, teks, dan area warna datar. Sifat-sifat ini lebih tepat diperiksa satu per satu, bukan memakai preset kompresi foto.

Alpha

Pastikan piksel transparan tetap sesuai tujuan

Uji tepi antialias pada latar terang dan gelap agar efek flattening atau halo tidak tersembunyi dalam satu pratinjau saja.

Warna

Periksa gradasi dan teks kecil

Perubahan palet dapat memengaruhi tone halus dan detail 1 piksel, meski thumbnail dari jauh terlihat baik-baik saja.

Inspeksi

Bandingkan sumber dan file yang diekspor

Lihat PNG yang diekspor pada latar terang dan gelap. Periksa teks kecil, warna datar, gradasi, dan tepi yang transparan sebagian.

Strategi PNG

Pilih piksel yang presisi atau perubahan palet yang sudah ditinjau

Grafik PNG bisa membutuhkan transparansi, tepi yang tajam, dan warna yang stabil. Tentukan dulu apakah piksel hasil decode harus tetap persis sebelum mempertimbangkan pengurangan palet warna.

Presisi

Utamakan jalur lossless yang terverifikasi

Gunakan ini saat warna sesuai kontrak, piksel antarmuka, atau nilai tepi transparan harus tetap terjaga tanpa perubahan pada hasil decode.

Palet

Kurangi warna hanya setelah ditinjau

Artwork berwarna datar mungkin masih aman dengan warna lebih sedikit, tetapi gradasi, screenshot, dan ilustrasi bertekstur bisa menampilkan banding yang terlihat.

Tugas berikutnya

Pilih alat terkait bila diperlukan

Gunakan alur kerja JPG untuk foto yang opak hanya saat transparansi tidak diperlukan. Tetap gunakan PNG saat gambar membutuhkan piksel transparan.

Periksa hasil Anda

Periksa tepi transparan dan detail kecil

Lihat PNG yang diekspor pada latar terang dan gelap. Periksa teks kecil, warna datar, gradasi, dan tepi yang transparan sebagian.
Tepi lembut

Periksa tepi lembut

Letakkan PNG di latar terang dan gelap untuk menampilkan fringing di sekitar rambut, bayangan, atau teks antialias.

Warna datar

Periksa warna datar

Periksa logo dan grafik antarmuka untuk melihat apakah warna brand berubah atau ada shade yang hilang. Pengurangan palet bisa memengaruhi area ini secara berbeda dibanding foto.

Piksel presisi

Periksa piksel presisi

Jika piksel harus persis, bandingkan nilai piksel hasil decode, bukan byte file. PNG yang lebih kecil bukanlah bukti bahwa hasilnya lossless.

Pertanyaan yang Sering Diajukan

  • Alur kerja PNG dirancang untuk mempertahankan transparansi alpha. Verifikasi output hasil pemrosesan yang sebenarnya di VisionStory sebelum mengganti aset asli.