Pertahankan latar belakang transparan saat mengekspor PNG

Aset transparan berisi saluran alfa yang menjelaskan piksel mana yang terlihat. Berbeda dengan gambar kotak-kotak. Jika Anda mendownload tangkapan layar yang memperlihatkan kotak-kotak di belakang logo, kotak tersebut mungkin merupakan piksel biasa yang terlihat. Menyimpan tangkapan layar itu sebagai PNG tidak akan menghapusnya. Buka aset sebenarnya di editor dan periksa apakah latar belakangnya benar-benar terlihat.

Alur kerja ini berguna untuk potongan, logo raster, atau overlay yang sudah ada yang memerlukan versi pengiriman lebih kecil. Ia tidak dapat mengidentifikasi subjek, menghapus latar belakang, atau mengganti bagian tepi yang terpotong buruk. Lakukan pengeditan tersebut pada desain aslinya terlebih dahulu. Simpan master yang dapat diedit dan ekspor PNG transparan dari master tersebut, lalu gunakan halaman ini saat Anda memerlukan ukuran raster yang berbeda tanpa sengaja meratakan latar belakang.

Prasetel mempertahankan piksel asli, memilih PNG dan mematikan penajaman. PNG adalah keluaran di sini yang menjaga transparansi yang ada. Ekspor JPEG dan WebP alat ini menggunakan latar belakang putih buram, jadi jangan memilihnya untuk aset yang harus berfungsi pada warna halaman berbeda. Penggeser kualitas tidak mengontrol kompresi lossless PNG.

Untuk salinan yang lebih kecil, pilih Fit inside dan masukkan kotak yang tersedia. Itu menjaga proporsi sumber tanpa memotong bagian tepinya. Pangkas ukuran yang tepat sesuai bentuk yang dipilih dan mungkin menghilangkan bayangan atau sebagian tanda, jadi gunakan hanya saat Anda ingin memangkasnya. Hindari batasan byte yang tidak diperlukan pada aset master. Mencapai batas yang ketat memerlukan pengurangan piksel, yang mungkin membuat logo kecil atau garis sempit sulit dibaca.

Lihat PNG yang diunduh dengan latar belakang terang dan gelap. Potongan mungkin berisi piksel tepi pucat dari pengeditan latar belakang putih sebelumnya. Transparansinya secara teknis masih utuh sementara lingkaran cahaya masih terlihat salah di bagian yang gelap. Demikian pula, logo gelap mungkin hilang di halaman gelap meskipun ekspornya benar. Perbaiki masalah desain tersebut di sumbernya daripada mengompresinya berulang kali.

Periksa gambar pada ukuran tampilan sebenarnya. Bayangan semitransparan dan goresan sempit dapat berubah secara visual saat diperkecil, bahkan dengan keluaran PNG. Untuk penerbitan web, atur dimensi elemen dan berikan teks alternatif yang berguna saat gambar menyampaikan informasi. Hamparan dekoratif mungkin memerlukan perlakuan aksesibilitas yang berbeda dari logo perusahaan yang ditautkan. Unduh uji ekspor dan letakkan di tata letak sebenarnya sebelum memproses sekelompok aset yang cocok. Sumber Anda tetap ada di perangkat Anda selama konversi.

Cobalah logo gelap dengan bayangan lembut dan logo kedua dirancang untuk latar belakang gelap. Tempatkan kedua PNG yang diunduh di bagian terang sementara dan bagian gelap pada tata letak Anda. Lihatlah guratan sempit dan batas bayangan pada ukuran tampilan yang diinginkan. Jika satu versi menjadi tidak terlihat, pilih varian sumber yang tepat daripada meratakannya ke dalam warna latar belakang yang berbeda. Jika lingkaran cahaya putih muncul, lihat kembali potongan aslinya. Sebuah file dapat mempertahankan saluran alfa-nya dan masih memiliki kecocokan visual yang buruk untuk halaman tertentu. Periksa kedua properti sebelum menerapkan pengaturan bersama ke semua varian.