Cara transparansi bekerja dengan 8-bit gifs / pngs adalah bahwa pikselnya sepenuhnya transparan atau sepenuhnya buram .
Di sudut-sudut lingkaran di mana lingkaran memadukan secara transparan ke latar belakang, biasanya ada piksel yang semi-transparan untuk memperlancar transisi. Transisi yang mulus ini tidak dapat sepenuhnya direproduksi dengan 8-bit gif / pngs.
Salah satu cara memalsukan ini adalah dengan memilih latar belakang matte untuk semua piksel semi-transparan. Ini berarti piksel yang tidak sepenuhnya transparan mendapatkan warna yang dihitung seolah-olah berada di atas warna matte.
Pixel putih di gif lingkaran Anda akan seperti ini, karena gif dibuat untuk digunakan dengan latar belakang putih. Pixel semi-transparan dari lingkaran asli mendapat rastered terhadap warna matte putih, menghasilkan hampir putih tapi piksel sepenuhnya buram di sudut-sudut.
Cara untuk memperbaiki ini jika Anda memiliki lingkaran asli dan sepenuhnya transparan adalah dengan save for web & devices
dan memilih warna matte yang sesuai dengan latar belakang Anda. Dengan begitu, piksel yang berpotensi semi-transparan akan digabungkan menjadi piksel yang sepenuhnya buram terhadap warna matte, dan dilihat di situs web Anda dengan warna latar yang serupa, itu akan tampak sepenuhnya mulus. Perhatikan bahwa a) grafik dengan rentang kecil area semi-transparan (dalam piksel) berfungsi paling baik, dan b) ini mensyaratkan bahwa latar belakang gif ditunjukkan adalah sebagian dari apa yang dalam warna konsisten yang Anda pilih untuk matte Anda.
Dalam gambar ini:
- Kiri atas adalah grafik bulat asli dengan anti aliased, yaitu smoothed, corner.
- Hasil yang sama Anda dapatkan dengan png-24, seperti yang terlihat di kanan atas - tetapi ini tidak berfungsi untuk animasi.
- Tampilan kiri bawah menunjukkan kepada Anda bagaimana piksel semi-transparan grafik dialihkan ke warna matte merah yang dipilih. Perhatikan juga bagaimana piksel-piksel itu, yang sepenuhnya transparan, tetap sepenuhnya transparan. Sedangkan hanya piksel yang memiliki sedikit transparansi di dalamnya "underlayed" dengan warna matte, dan piksel sepenuhnya buram tetap sama sekali tidak terpengaruh oleh pengaturan transparansi (namun, mereka dipengaruhi dari pilihan pada jenis dan warna dithering).
- Bagian kanan bawah menyerupai jenis opsi ekspor yang digunakan untuk contoh gambar Anda. Dengan matte putih dipilih, piksel yang sama yang menunjukkan merah di gambar kiri bawah, akan menunjukkan putih di gambar kanan bawah. Ini bisa diterima jika Anda menunjukkan latar belakang putih. Dengan latar belakang lain yang lebih gelap, piksel putih muncul karena menggunakan warna matte yang salah untuk membuat piksel yang sepenuhnya buram untuk piksel yang tidak sepenuhnya transparan.
Lihat kedua gif yang diekspor dengan matte merah dan putih pada gambar ini, dengan latar belakang berbeda. Ini menunjukkan bagaimana matte merah berpadu dengan baik dengan latar belakang merah, tetapi juga bagaimana mengganggu matte putih menunjukkan latar belakang hitam.
Jika Anda berada dalam situasi yang tidak menguntungkan, bahwa Anda tidak memiliki file asli dengan alias anti-alias penuh (yaitu Anda hanya memiliki 8-bit gif), sulit untuk membalikkan matte rastering ini - piksel demi piksel yang harus Anda hapus warna matte dari piksel semi-transparan dan kemudian mengekspornya kembali dengan pengaturan yang lebih tepat.