Bu PNG Gerçekten Saydam mı? İçine İşlenmiş Damayı Nasıl Anlarsınız?

Birkaç kontrol, PNG'de gerçek saydamlık mı yoksa piksellere çizilmiş bir dama deseni mi olduğunu gösterir.

Bir PNG, ancak bazı piksellerinin alfa değeri tam opaklığın altındaysa gerçekten saydamdır; gri-beyaz kareler görmek tek başına hiçbir şey kanıtlamaz. Dama deseni düzenleyicinin saydamlık göstergesi olabilir, ama görüntünün içine kalıcı olarak çizilmiş sıradan bir desen de olabilir. Pratik test, PNG'yi iki güçlü zıt arka planın üzerine koymaktır. Aynı bölgelerde iki renk de görünüyorsa o bölgeler saydamdır. Kareler değişmeden kalıyorsa opak pikseller görüntüye işlenmiştir; kısmi saydamlık gibi daha belirsiz durumları alfa incelemesi ayırır.

Dama deseni neden yanıltır?

Görüntü düzenleyiciler, görünür piksel olmayan yeri göstermek için genellikle dama deseni kullanır. Izgara arayüzün parçasıdır, çalışmanın değil. Ekran görüntüleri, kötü dışa aktarılmış dosyalar ve yanıltıcı indirme önizlemeleri bu ızgarayı opak piksel olarak kaydedebilir. Dosya hâlâ .png ile biter, ama gri-beyaz arka planı olan herhangi bir dikdörtgen görüntü gibi davranır.

PNG bir kap biçimidir; saydamlık sözü değildir. Birkaç renk türünü destekler ve saydamlık isteğe bağlıdır. Renk türüne göre dosya bir alfa kanalı ya da belirli renklere bağlı saydamlık değerleri taşıyabilir. PNG belirtimi truecolour, gri tonlama ve indexed kiplerini ve bunların saydamlık düzeneklerini anlatır. “PNG-8” ve “PNG-24” gibi etiketler dışa aktarma alışkanlıklarıdır; saydam piksel olduğunun evrensel garantisi değildir.

Bu, bir dosyanın saydamlığı destekleyip hiç kullanmaması anlamına da gelir. Her pikselde alfa değeri tam opak olan bir RGBA görüntünün görünür saydam bölgesi yoktur.

En hızlı test: arka planı iki kez değiştirin

Görüntüyü, altına renkli bir katman koyabildiğiniz bir düzenleyici veya yerleşim uygulamasında açın. Yalnızca tarayıcı sekmesine güvenmeyin: tarayıcılar saydam görüntüleri çoğu zaman beyazın üzerinde gösterir; beyaz arka plan ile boş alan aynı görünür.

  • PNG'nin altına bir katman oluşturun ve onu çalışmanın içinde olmayan canlı bir macenta, mavi veya başka bir renkle doldurun.
  • Bu rengin konunun kenarlarında ve arasında görünüp görünmediğine bakın.
  • Alttaki katmanı önce siyaha, sonra beyaza çevirin.
  • Ana konuya değil, boş sanılan alana bakın.

Gerçek saydamlık her yeni rengi gösterir. İçine işlenmiş ızgara her arka planda gri ve beyaz kalır. Düz beyaz bir arka plan beyazın üzerinde kaybolur, siyahın üzerinde belli olur. İki kez test etmek bu rastlantısal örtüşmeyi önler.

Örneğin dama kareleriyle çevrili bir ürün simgesi düşünün. Macentanın üzerinde gerçek boşluk macenta olur, simge durur. Kareler dahil tüm dikdörtgen tuval tıpatıp aynı görünüyorsa o kareler görüntünün parçasıdır.

Dört kontrol ve her birinin kanıtladığı şey

KontrolGerçek saydamlıkİçine işlenmiş dama
Altına renk koyunAlttaki renk görünürIzgara alttaki rengi kapatır
Düzenleyicinin saydamlık ızgarasını gizleyinBoş alanlar tuval rengini alırKareler görünür kalır
Renge göre seçinBoş alanlarda seçilecek gri veya beyaz piksel olmayabilirIzgara renkleri tek tek seçilebilir
Alfayı inceleyinBazı pikseller kısmen veya tamamen saydamdırIzgara pikselleri tam opaktır

Piksel opaklığını incelemek kesin teknik kontroldür. Saydamlık bilgisini gösteren düzenleyicilerde alfa kanalına, saydamlık maskesine veya piksel opaklığı okumasına bakın. Siyah çoğu zaman tam saydamlığı, beyaz tam opaklığı, gri kısmi saydamlığı temsil eder; arayüzler ve dosyanın renk türü değişebilir. Her piksel tam opak bildiriliyorsa tuvalin tamamı opaktır.

Renk seçme aracı yararlı bir yedek yoldur. Düşük toleransla bir gri kareye tıklayın. Arka plandaki eşleşen kareler seçiliyorsa gerçek gri pikselleri seçiyorsunuz. Beyaz için tekrarlayın. Bu, içine işlenmiş desenin güçlü kanıtıdır; arka planda kenar yumuşatma tonları varsa seçimi genişletmek gerekebilir.

Saydamlığı kenar halesiyle karıştırmayın

Bazen geniş arka plan gerçekten saydamdır ama konunun çevresinde açık veya koyu bir saçak kalır. Bu illa sahte dama değildir. Genellikle kenar pikselleri kısmen saydamdır ve renk değerleri önceki matın izini taşır. Kusur ancak bazı yedek renklerin üzerinde belli olur.

Yakınlaştırın ve boş alanın ortasını konunun sınırıyla karşılaştırın. Yeni arka plan her yerde görünüyor ama dar bir çerçeve kalıyorsa dosyada saydamlık vardır, kenar temizliği gerekir. Pratik düzeltmeler için Saydam PNG kenarlarında beyaz veya koyu hale neden oluşur? yazısına bakın.

Kısmi saydamlık saç, duman, gölge ve kenarı yumuşatılmış eğriler için geçerlidir ve yararlıdır. Doğru test, alttaki rengin sonuca katılıp katılmadığını sorar; her kenar pikselinin tümüyle kaybolmasını değil.

Dosya etiketleri ve önizlemeler ne söylemez?

.png uzantısı arka planın saydam olduğunu göstermez. “transparent” geçen bir dosya adı, pazar yeri küçük resmi veya indirme sayfasındaki dama deseni de göstermez. Önizlemenin kendisi, ayrı indirme geçerli olsa bile düzleştirilmiş bir JPEG veya ekran görüntüsü olabilir. Tersine, gerçek bir saydam PNG beyazın üzerinde, görünür dama olmadan da durabilir.

“PNG-8” ve “PNG-24” de yeterli kanıt değildir. Uygulamalar bu etiketleri farklı kullanır; uygun PNG yapılandırmaları saydamlığı birden fazla yolla temsil edebilir. Bu terimler karışıyorsa pratik farkları PNG-8 ile PNG-24 arasındaki fark yazısında karşılaştırın. Satış etiketine değil, indirilen piksellere ve alfa bilgisine bakın.

Dosyayı kullanmadan veya teslim etmeden önce kontrol listesi

  • Özgün dosyayı indirin: yalnız web sayfası önizlemesine bakmayın.
  • Gerçek biçimi doğrulayın: uygulamanın dosyayı, yeniden adlandırılmış uzantıya güvenmeden PNG olarak tanıdığını kontrol edin.
  • Altına canlı bir renk koyun: görüntüde zaten olmayan bir renk seçin.
  • Siyah ve beyazla tekrarlayın: tek arka plan, düz pikselleri veya kenar bulaşmasını gizleyebilir.
  • Düzenleyicinin ızgarasını kapatın: arayüz kareleri, saydamlık gösterimi kapanınca kaybolmalıdır.
  • Alfayı veya kanalları inceleyin: boş olması gereken bölgede tam opaklığın altında değer arayın.
  • Sınıra yakınlaştırın: tümüyle işlenmiş bir arka planı dar bir mat halesinden ayırın.
  • Küçük bir örnek dışa aktarın: başka bir yeterli uygulamada açın ve arka plan testini tekrarlayın.

Dama deseni görüntüye işlenmişse, pikselleri değiştirmeden dönüştürmek veya yeniden kaydetmek onu kaldırmaz: kayıpsız PNG kodlaması bu istenmeyen pikselleri de korur. Arka planı seçmek, maskelemek veya başka yolla kaldırmak, sonra saydamlık açıkken dışa aktarmak gerekir. Ayrıntılı temizleme PNG görüntülerinden arka plan nasıl kaldırılır yazısındadır.

Belirleyici kural basittir: gerçek bir saydam alan, arkasında ne varsa onunla değişir. Her arka plan değişiminde duran dama deseni saydamlık değildir; görüntünün parçasıdır.

İlgili yazılar