Şeffaflığın 8 bit gif / png'lerle çalışma şekli, bir pikselin tamamen şeffaf veya tamamen opak olmasıdır .
Dairenin arka planla şeffaf bir şekilde karıştığı bir dairenin köşelerinde, geçişi yumuşatmak için genellikle yarı saydam pikseller vardır. Bu yumuşak geçiş, 8 bit gif / png'lerle tam olarak çoğaltılamaz.
Bunu taklit etmenin bir yolu, tüm bu yarı saydam pikseller için bir arka plan matı seçmektir . Bu, tamamen saydam olmayan piksellerin renklerini mat rengin üstündeymiş gibi hesapladıkları anlamına gelir.
Daire gifinizdeki beyaz pikseller böyle olur, çünkü gif beyaz arka plana karşı kullanılmak üzere yapılmıştır. Orijinal dairenin yarı saydam pikselleri beyaz mat renge karşı rasterleştirildi ve köşelerde neredeyse beyaz ancak tamamen opak pikseller oluştu.
Yolu bu durumu düzeltmek için Orijinali varsa, tamamen şeffaf bir daire için save for web & devices
bir örtü rengi o takım elbise arka plan seçin. Bu şekilde, potansiyel olarak yarı saydam pikseller mat renge karşı tamamen opak piksellerle birleştirilecek ve web sitenizde benzer arka plan rengiyle görüntülenecek, tamamen pürüzsüz görünecek . A) küçük yarı saydam alanlar (piksel cinsinden) aralığına sahip grafiklerin en iyi sonucu verdiğini ve b) bunun, gifin gösterildiği arka planın, matınız için seçtiğiniz tutarlı bir renkte olmasını gerektirdiğini unutmayın.
Bu resimde:
- Sol üst, kenarları yumuşatılmış, yani düzgünleştirilmiş köşelere sahip orijinal yuvarlak grafiktir.
- Sağ üstte görüldüğü gibi png-24 ile elde ettiğiniz aynı sonuç - ancak bu animasyon için çalışmaz.
- Sol alt görünüm, grafiğin yarı saydam piksellerinin seçilen kırmızı mat renge nasıl aktarıldığını gösterir. Ayrıca tamamen şeffaf olan piksellerin nasıl tamamen şeffaf kaldığını da unutmayın. Oysa yalnızca biraz saydamlığı olan pikseller mat renkle "alt katman" haline gelir ve tamamen opak pikseller saydamlık ayarlarından tamamen etkilenmez (ancak renk taklidi türü ve renklerindeki seçimlerden etkilenir).
- Sağ alttaki örnek resminiz için kullanılan dışa aktarma seçeneklerine benzer. Beyaz bir mat seçiliyken, sol alt resimde kırmızı gösterilen aynı pikseller, sağ alt resimde beyaz gösterilir. Beyaz arka plana karşı gösterirseniz bu mükemmel kabul edilebilir. Diğer, daha koyu arka planlar ile beyaz pikseller, tam şeffaf olmayan herhangi bir piksel için tamamen opak pikseller oluşturmak için yanlış mat renk kullanıldığından gösterilir.
Bu resimde kırmızı ve beyaz mat ile farklı arka plana karşı ihraç edilen her iki gif görün. Bu, kırmızı matın kırmızı bir arka planla nasıl güzel bir şekilde karıştığını, aynı zamanda beyaz matın siyah bir arka plana karşı nasıl rahatsız edici olduğunu gösterir.
Talihsiz durumdaysanız, tam kenar yumuşatılmış alfalara sahip orijinal dosyanız yoksa (yani sadece 8 bit gifiniz var), bu mat rasterlemeyi tersine çevirmek zordur - kaldırmanız gereken piksel piksel yarı saydam piksellerden mat rengi seçin ve daha uygun ayarlarla yeniden dışa aktarın.