Şeffaf PNG'ler, doğru bir şekilde açıklanmıştır
Herkes "şeffaf arka plana sahip bir PNG" ister: ancak az sayıda kişi bunun tam olarak ne olduğunu, neden bir JPG'nin bunu yapamadığını veya saçların neden her zaman sorunlu kısım olduğunu söyleyebilir. İşte tüm hikaye basit bir dille anlatılıyor.
Tam çözünürlük. Filigran yok. Gerçekten ücretsiz. Çoğu arka plan kaldırma aracı size 625x400 boyutlarında bir önizleme sunar ve gerçek dosya için ücret talep eder. Bu araçta durum böyle değil.
Fotoğrafınız, kırpılmış halinin gönderildiği anda sunucudan silinir. Silme ve geri yükleme fırçalarına veya nesnenin arkasında renkli bir arka plana ihtiyacınız var mı? Tam düzenleyiciyi açın.
Alfa kanalı: piksel başına dördüncü sayı
Dijital bir fotoğraf, piksellerden oluşan bir ızgaradır ve her piksel normalde üç sayı saklar: ne kadar kırmızı, yeşil ve mavi parlaklık değeri. Bunları karıştırın, ekranda istediğiniz rengi elde edersiniz. Şeffaf bir görüntü dördüncü bir değer (alfa kanalı) ekler; bu değer pikselin ne kadar opak olduğunu belirtir, genellikle 0'dan (tamamen görünmez) 255'e (tamamen katı) kadardır.
İşte o tek ekstra sayı tüm sırrı içeriyor. Bir tarayıcı, tasarım uygulaması veya slayt gösterisi görüntüyü çizerken, her pikseli alfa değerine göre arkasındaki öğeyle karıştırır. Alfa değeri 0 olan bir piksel tamamen kaybolur; alfa değeri 128 olan bir piksel kendisinin yarısını ve arkasındaki arka planın yarısını gösterir. Ünlü gri ve beyaz kareli desen, düzenleyicilerde gördüğünüz aslında görüntünün bir parçası değildir: bu sadece yazılımın "burada hiçbir şey yok" ifadesini görselleştirmesidir.
Bu ara değer aralığı çoğu insanın düşündüğünden daha önemlidir. Gerçek nesneler keskin bir çizgiyle bitmez: saç, kürk, cam, duman ve yumuşak gölgelerin hepsi kademeli olarak kaybolur. Kısmi alfa değerleri, bir görselin makasla kesilmiş bir çıkartma gibi değil de bir fotoğraf gibi görünmesini sağlar.
PNG vs JPG vs WebP
Her görüntü formatı o dördüncü değeri depolayamaz ve çoğu zaman kafa karışıklığı buradan başlar.
| Format | Şeffaflık | Sıkıştırma | En uygun kullanım alanı |
|---|---|---|---|
| PNG | Evet, tam 8 bit alfa desteği | Kayıpsız (daha büyük dosyalar) | Kesilmiş görseller, logolar, grafikler, katmanlı her türlü içerik |
| JPG | Hayır, hiçbiri | Kayıplı (daha küçük dosyalar) | Arka planı olan bitmiş fotoğraflar |
| WebP | Evet, tam alfa desteği | Kayıplı veya kayıpsız, PNG'den daha küçük | Dosya boyutunun önemli olduğu web görselleri |
JPG formatında alfa kanalı bulunmaz. Bu format 1990'ların başında fotoğrafları sıkıştırmak amacıyla tasarlanmıştır ve fotoğraflar tüm çerçeveyi doldurur. Bir görseli JPG olarak kaydederseniz, şeffaflık sessizce düz bir arka plana (genellikle beyaz) uygulanır ve kalıcı olarak kaybolur. Bu nedenle, size gönderilen "şeffaf bir JPG" her zaman logonun etrafında beyaz bir kutuyla gelir.
PNG güvenli bir varsayılandır. Alfa kanalını kayıpsız bir şekilde saklar, şimdiye kadar üretilen her araç bunu destekler ve çevrimiçi satış platformları, baskı merkezleri ve tasarım uygulamaları da bu formatı bekler. Dezavantajı dosya boyutudur: detaylı bir fotoğrafın PNG olarak kırpılmış hali, aynı görüntünün JPG olarak kırpılmış halinden birkaç kat daha büyük olabilir.
WebP, modern orta yoldur. Tam şeffaflığı destekler ve genellikle PNG'den %25-35 daha küçük boyutlarda sıkıştırır; bu nedenle web siteleri tarafından tercih edilir. Tek zayıf yönü, tarayıcı dışındaki uyumluluk sorunlarıdır: bazı eski tasarım araçları, nakış/baskı hizmetleri ve yükleme formları hala bu formatı kabul etmez. Genel bir kural şudur: WebP'yi kendi web sitenizde kullanın, diğer herkese PNG gönderin.
Neden kenarlar, özellikle saçlar, en zor kısım
Bir kahve fincanını kırpmak kolaydır: kenar düzgün bir eğridir ve her piksel ya açıkça fincandır ya da açıkça arka plandır. Saç ise bambaşka bir konudur. Tek bir tel genellikle bir pikselden daha incedir,bu nedenle içinden geçtiği pikselin rengi karışımdır: belki %30 saç, %70 arka plan. Bu piksel için doğru bir "sakla veya sil" cevabı yoktur; tek dürüst cevap şudur kısmi alfa değeri.
İyi bir arka plan kaldırma işlemi dolayısıyla aynı anda iki sorunu çözmelidir. Öncelikle, her kenar pikseli için doğru opaklık değerini tahmin etmelidir; bu sayede tırtıklı bir kağıt bebek silueti yumuşak ve gerçekçi saçlara dönüşür. İkinci olarak, eski arka planın rengini karıştırılmış piksellerden kaldırmalıdır. %30 sarı saç ve %70 mavi gökyüzü olan bir piksel hala mavi içerir; eğer mavi renk çıkarılmazsa, kırpılan görüntü eski arka plandan kalma hayaletimsi bir halo ile yeni arka plana yansır. Bu tür bir efekt, düşük kaliteli bir kırpmanın en belirgin işaretidir.
İşte segmentasyon modellerinin değerini kanıtladığı yer burası: Milyonlarca saç, kürk ve yumuşak kenar örneği gördüler ve ikili bir "sakla/sil" maskesi yerine mantıklı alfa değerlerini tahmin etmeyi öğrendiler. Bu aynı zamanda sonuçların en iyi şekilde ortaya çıkmasının nedeninin saçın arka planla tezat oluşturmasıdır: bu konuda daha fazla bilgi için mükemmel kesimle fotoğraf çekme kılavuzumuza göz atın.
Şeffaflığın gerçekte kullanıldığı yerler: PNG formatı
- Ürün fotoğrafları: ürünü bir kez kesin, ardından pazar yerleri için tamamen beyaz veya reklamlar için marka renklerinin üzerine yerleştirin. Satıcılar için hazırladığımız beyaz arka plan kılavuzumuza bakın.
- Logolar: İçinde beyaz bir kutu bulunan bir logo, herhangi bir renkli sayfada kötü görünür; şeffaf bir PNG ise her şeyin üzerinde temiz bir şekilde durur.
- Profil resimleri ve avatarlar: Kendinizi kesin ve LinkedIn, Slack veya Discord için arkasına temiz bir renk veya gradyan ekleyin.
- YouTube küçük resimleri ve posterler: Klasik "büyük metnin önünde belirginleşen kişi" görünümü, bir tasarımın üzerine yerleştirilmiş şeffaf bir kesimdir.
- Çıkartmalar ve memler: Mesajlaşma uygulamaları şeffaf PNG'ler bekler, böylece çıkartma yalnızca konusunun şeklini alır.
- Sunumlar ve kolajlar: Resimler beyaz dikdörtgenlerin içinde yüzen yerine doğrudan slaytlara entegre edilir.
Şu anda şeffaf bir PNG'ye mi ihtiyacınız var?
İstediğiniz fotoğrafı BGNinja'ya yükleyin ve birkaç saniye içinde kırpılmış görüntüyü indirin: ücretsiz, hesap gerektirmez, hiçbir şey kaydedilmez.
Şeffaf bir PNG oluşturun →Hızlı cevaplar
Şeffaf PNG nedir?
Renk değerlerine ek olarak alfa (opaklık) değeri taşıyan bir PNG'dir. Alfa değerinin sıfır olduğu yerlerde, resmin arkasındaki arka plan görünür hale gelir.
Bir JPG şeffaf olabilir mi?
Hayır, JPEG'de alfa kanalı bulunmaz. Kırpılmış bir görüntüyü JPG olarak kaydetmek, onu kalıcı olarak düz bir arka plana yerleştirir. Bunun yerine PNG veya WebP kullanın.
PNG mi yoksa WebP mi seçmeliyim?
WebP daha küçük boyutludur ve kendi web siteniz için harikadır; PNG ise evrensel olarak kabul edilir. Bir platform şeffaf bir görüntü istediğinde ve belirli bir format belirtmediğinde, PNG her zaman en güvenli seçenektir.
Kırpılmış resmim neden beyaz veya renkli bir halo efekti gösteriyor?
Kenar pikselleri hala eski arka plandan gelen rengi içerir. İyi bir kırpma işlemi bu tonu ortadan kaldırır; eğer herhangi bir kısım kalırsa, BGNinja'nın silme fırçası ile onu silebilirsiniz.
Tarafından Sam Ridder — BGNinja'yı kendi donanımımda, tamamen kendim geliştirip yönetiyorum. Ben kimim.