Konversi PNG ke AVIF mempertahankan informasi transparansi asli sambil mengurangi ukuran file secara signifikan. Format AVIF mendukung saluran Alpha, dapat menangani gambar dengan latar belakang transparan dengan sempurna. Dibandingkan dengan format PNG, AVIF dapat mengurangi volume file sebesar 60-80% sambil mempertahankan efek transparansi yang sama, sangat cocok untuk ikon web dan elemen UI.
Penjelasan konversi transparansi:
• Mempertahankan sepenuhnya informasi saluran Alpha dari PNG
• Mendukung efek semi-transparan dan transparansi gradien
• Optimasi otomatis kompresi area transparan
• Mempertahankan efek anti-aliasing tepi
File AVIF yang dikonversi akan menampilkan efek yang sama persis dengan PNG asli di browser yang mendukung, latar belakang transparan dipertahankan dengan sempurna.
Efek kompresi PNG ke AVIF:
• Grafik sederhana: pengurangan 70-85%
• Foto kompleks: pengurangan 50-70%
• Ikon transparan: pengurangan 60-80%
• Gambar tangkapan layar: pengurangan 40-60%
Rasio kompresi spesifik tergantung pada kompleksitas konten gambar, disarankan untuk menguji parameter kualitas yang berbeda untuk menemukan titik keseimbangan terbaik.
PNG ke AVIF paling cocok untuk:
• Logo situs dan ikon
• Elemen antarmuka UI
• Gambar produk
• Ilustrasi dengan latar belakang transparan
Sangat cocok untuk skenario yang memerlukan efek transparansi sambil mengejar ukuran file kecil, dapat meningkatkan kecepatan pemuatan halaman secara signifikan.
Pengaturan yang direkomendasikan untuk berbagai jenis PNG:
• Ikon sederhana: kualitas 75-85
• Ilustrasi kompleks: kualitas 65-75
• PNG foto: kualitas 55-65
• Gambar tangkapan layar: kualitas 65-75
Disarankan untuk menguji dengan gambar kecil terlebih dahulu, mengamati efek transparansi dan ukuran file, memilih parameter kualitas yang paling sesuai.
Q: Apakah transparansi akan hilang?
A: Tidak, AVIF sepenuhnya mendukung saluran Alpha, efek transparansi dipertahankan sepenuhnya.
Q: Apakah mendukung PNG palet?
A: Ya, akan secara otomatis dikonversi ke format RGB+Alpha.
Q: Bagaimana memverifikasi efek transparansi setelah konversi?
A: Dapat dipratinjau di browser yang mendukung AVIF, atau menggunakan penampil gambar untuk memeriksa.