PNG saydam arka planları destekler ama her PNG saydam değildir. Beyaz bir dikdörtgeni PNG olarak kaydetmek dikdörtgeni korur. Arka planın önceden kaldırılmış veya maskelenmiş olması ve dışa aktarmanın saydamlığı tutması gerekir.
Saydam arka plan bir renk değildir. Görüntüleyene her pikselden arka planın ne kadarının görünmesi gerektiğini söyleyen görüntü verisidir. PNG bu bilgiyi bir alfa kanalıyla veya bazı renk türlerinde bir saydamlık tablosu ya da saydam renk değeriyle saklayabilir.
PNG'm hâlâ neden beyaz arka plana sahip?
| Ne görüyorsunuz | Neyi kontrol edin |
|---|---|
| Beyaz yalnız bir görüntüleyicide | Dosyayı bir düzenleyicide renkli bir katmanın üzerinde açın; görüntüleyici yalnızca beyaz bir tuval kullanıyor olabilir. |
| Beyaz dikdörtgen her arka planda duruyor | Opak bir arka plan katmanı veya düzleştirilmiş bir dışa aktarma arayın. Uzantıyı değiştirmek o pikselleri kaldırmaz. |
| Gri kareler renkli bir katmanın üzerinde duruyor | Dama deseni görüntüye işlenmiş olabilir. Sahte bir saydamlık önizlemesi olup olmadığına bakın. |
| Yalnız çerçeve beyaz görünüyor | Maskeyi ve kenar renklerini inceleyin; kenar halelerinin nasıl düzeltileceğine bakın. |
Alfa saydamlığı nasıl çalışır?
Normal bir RGB pikseli kırmızı, yeşil ve mavi bileşenleri saklar. RGBA tarzı bir piksel opaklığı temsil eden alfayı ekler. 8 bit hassasiyette alfa 0 tümüyle saydam, 255 tümüyle opak, aradaki değerler kısmen saydamdır. Bu ara değerler yumuşak kenarlar, yumuşak gölgeler ve yarı saydam bindirmeler oluşturur.
Düzenleyicinin gri-beyaz dama deseni yalnız bir gösterim alışkanlığıdır. Dama deseni dışa aktarmadan sonra her arka planda görünüyorsa görüntüye gerçek piksel olarak düzleştirilmiş olabilir.
PNG saydamlığı nasıl saklar?
| PNG temsili | Saydamlık yöntemi |
|---|---|
| Alfalı truecolor | Her piksel kırmızı, yeşil, mavi ve alfa örnekleri içerir. |
| Alfalı gri tonlama | Her piksel bir gri tonlama ve alfa örneği içerir. |
| Indexed color | Bir tRNS alfa tablosu palet girişlerine opaklık atayabilir. |
| Tam alfa olmayan truecolor veya gri tonlama | Bir tRNS değeri bir renk veya örnek değerini tümüyle saydam olarak işaretleyebilir. |
“Yalnız PNG-24 yumuşak saydamlığı destekler” demek bu yüzden fazla basittir. Gerçek sonuç, kodlayıcının seçtiği PNG renk türüne, bit derinliğine, palete ve saydamlık verisine bağlıdır.
PNG ve JPEG saydamlığı
Standart JPEG görüntü verisi bir alfa kanalı içermez; saydam bir kompozisyondan dışa aktarılan JPEG bir renge düzleştirilmelidir. PNG bu yüzden kayıpsız saklama veya saydamlık isteyen logolar, kesitler, arayüz öğeleri ve ekran görüntüleri için yaygın bir seçimdir. Beyaz bir JPEG arka planı hâlâ opak beyazdır.
WebP'nin saydam arka planı olabilir mi?
Evet. WebP saydamlığı destekler. Kayıpsız WebP pikselleri alfa, kırmızı, yeşil ve mavi bileşenlerle temsil eder; WebP kayıplı renk verisini bir alfa kanalıyla da birleştirebilir. Bu, çevredeki hat kabul ettiğinde saydam WebP'yi pratik bir web teslim seçeneği yapar.
| İhtiyaç | PNG | WebP |
|---|---|---|
| Tam ve kısmi saydamlık | Desteklenir | Desteklenir |
| Kayıpsız renk | Desteklenir | Kayıpsız kipte desteklenir |
| Saydamlıklı kayıplı renk | PNG'nin modeli değil | WebP iş akışları destekler |
| Geniş değişim ve düzenleme desteği | Uzun süredir yerleşik | Alan aracı veya iş akışını kontrol edin |
Gerçek varlığı test ederek seçin. Bir WebP daha küçük olabilir; içerik, kodlayıcı ayarları, metadata ve istenen uyumluluk da önemlidir. Bir örnek dışa aktarma daha küçük diye kaynak ana kopyayı değiştirmeyin.
Saydam kenarlar neden bazen yanlış görünür?
- Beyaz hale: kenar pikselleri koyu bir arka plana konmadan önce beyaza karşı hazırlanmıştır.
- Pürüzlü kenar: kısmi alfa değerleri atılmış veya maske fazla sert eşiklenmiştir.
- Koyu saçak: bir uygulama premultiplied ve premultiplied olmayan rengi yanlış ele almıştır.
- Beklenmeyen düz dolgu: dışa aktarma düzleştirilmiş veya saydamlık kapatılmıştır.
Gerçek saydamlık nasıl doğrulanır?
- Dışa aktarılan dosyayı alfa kanalı veya saydamlık ızgarası gösteren bir düzenleyicide açın.
- Altına düz açık, koyu ve doygun renk katmanları koyun.
- Saçı, gölgeleri ve kenarı yumuşatılmış kenarları %100 yakınlaştırmada inceleyin.
- Dosyayı kullanacak gerçek tarayıcı, CMS veya tasarım aracında test edin.
Sonra pratik arka plan kaldırma iş akışına bakın veya WebP ve AVIF'i karşılaştırın.
Palet ve RGB dışa aktarma seçimleri için PNG-8 ve PNG-24 yazısına bakın. Saklama ayrıntıları W3C PNG belirtiminde tanımlıdır.
