PNG → AVIF dönüştürücü (saydamlık korur)

PNG’den AVIF’e geçiş, modern webdeki en büyük boyut kazançlarından biri ve bu tip takasların aksine seni saydamlık konusunda taviz vermeye zorlamıyor. AVIF tıpkı PNG gibi tam alfa kanalı taşıyor; bu yüzden saydam UI grafikleri, logolar, illüstrasyonlar ve sticker’lar düzleştirilmeden temiz şekilde geçiyor. Çıktı, kayıplı modda kaynak PNG’den çoğunlukla yüzde 50–70 daha küçük geliyor; her pikselin birebir korunduğu kayıpsız modda bile fark edilebilir bir tasarruf var. Yıllardır PNG dosyaları biriktiren bir asset arşivi için bu dönüşüm, güncel bir tarayıcı kullanan kimseye fark ettirmeden bir rotanın servis boyutunu ciddi biçimde azaltabiliyor.

Kayıpsız mı kayıplı mı sorusu burada çoğu format takasından daha çok önem kazanıyor; çünkü doğru cevap gerçekten içeriğe bağlı. Kayıpsız AVIF; ikon setleri, UI sprite’ları, logo dizilimleri, içinde metin geçen ekran görüntüleri, grafikler ve pixel‑art tarzı her şey için doğru tercih — tek bir kenarın yumuşamasının bile sorun olduğu yerlerde. Çıktı, kaynak piksellerin byte‑bayt korunmuş hâli; sadece daha verimli depolanıyor. Kayıplı AVIF ise dosya boyutunun keskin kenarlardan değil yumuşak geçişlerden domine edildiği saydam illüstrasyonlar ve alfalı fotoğrafımsı görseller için doğru seçim — kayıplı 60–70 aralığında fark pratikte görünmüyor ve dosya, kayıpsızın indirebileceğinin çok altına düşüyor.

Bazı PNG dosyaları aslında yanlış formata düşmüş fotoğraflar. Ürün fotoğrafının arkasındaki saydam gölge, fotoğraf ağırlıklı bir sayfanın ekran görüntüsü, hafif bir vignette ile kaydedilmiş bir film karesi — bunlar PNG olarak devasa, çünkü PNG’nin sıkıştırması bu içerik için pek bir şey sunmuyor; aynı dosyalar kayıplı AVIF olarak çoğu zaman bir kat daha küçülüyor. Pratik kural çoğu zaman tutuyor: PNG bir megabaytın üstündeyse ve görünür içerik ağırlıklı olarak fotoğrafsa, kayıplı AVIF normal bir ekranda kimsenin fark etmeyeceği bir şekilde dosyayı küçültüyor.

Alfa davranışı ayrı bir başlık hak ediyor; çünkü AVIF saydamlığı, çoğu kişinin beklediğinden daha sofistike bir yöntemle ele alıyor. Kayıplı modda alfa kanalı renk verisinden ayrı bir kanalda saklanıyor; bu da kalite ayarının renklerin görünümünü etkilerken saydamlık kenarlarının keskin kalması anlamına geliyor. Yumuşak gölgeli bir logo kayıplı 70’te kaydedildiğinde gölgenin kenarı hâlâ temiz hissediliyor, içindeki renk değerleri sıkıştırılmış olsa bile. Bu özellik AVIF ve WEBP’ye özgü — JPEG bu işin yakınından geçemiyor, PNG ise aynı sonucu çok daha büyük dosyalarla yakalayabiliyor.

AVIF’in tarayıcı desteği artık saydam asset’ler için birincil servis formatı olarak kullanmaya yetecek seviyede. Chrome ve Firefox yıllardır destekliyor; Safari 16.4 ile 2023’te eklendi — aktif iPhone’ların büyük çoğunluğu AVIF’i doğal olarak çözüyor. Edge, Chromium’un desteğini miras alıyor. Geride kalan boşluklar; eski yazılımı çalıştıran cihazlar, küçük platformlardaki bazı uygulama içi webview’lar ve hiç güncellenmemiş bir uzun iç araç kuyruğu. Yüksek trafikli kamuya açık rotalarda AVIF’i picture etiketi üzerinden PNG ya da WEBP geri dönüşle eşlemek, herkesi taviz vermeden kapsıyor.

AVIF’in boyut avantajının bedeli kodlama hızında ödeniyor. AVIF sıkıştırması PNG’den geniş bir farkla ağır; özellikle kodlayıcının her bir piksel için en verimli temsili bulması gereken kayıpsız modda. CDN’lerin neden anlık transkodlama yapmadığının somut sebebi de bu — gecikme kabul edilemez seviyeye çıkıyor. Pratikte mantıklı model, AVIF kodlamasını build veya yükleme anında bir kez yapmak, sonucu saklamak ve oradan sürekli sunmak. Defalarca servis edilecek kalıcı bir dosya için birkaç saniyelik tek seferlik kodlama açıkça iyi bir takas. Buradaki araç tek seferde bir dosya işliyor; hero grafikleri ve tek seferlik içerikler için uygun, katalog çapında göç akışı için değil.

İki teknik not. Animasyonlu PNG nadir de olsa var ve bu dönüştürücüden sağ çıkmıyor — AVIF çıktısına yalnızca ilk kare yansıyor. Kaynak, döngüsünü korumak isteyen bir APNG’yse animasyonlu AVIF üretebilen bir aracı tercih etmek lazım. Renk profili sRGB olarak korunuyor; her modern tarayıcının zaten varsaydığı uzay bu. PNG’nin bazen taşıdığı EXIF / metadata parçaları yol üzerinde düşürülüyor — kamuya açık webe gidecek dosyalar için doğru varsayılan tam olarak bu. AVIF teorik olarak HDR ve geniş gamut verisi taşıyabiliyor ama standart sRGB PNG’den geliyorsa bunlar devreye girmiyor.

Pratikte iş tek bir sürükle bırak. PNG’yi koy, AVIF’i al; kayıpsız ya da kayıplı seçimi ile yalnızca kayıplı modda anlam kazanan kalite kaydırıcısı orada. Dosyalar geçici depolamada işlenip indirme bağlantıları kısa sürede geçersizleşiyor; hesap açma, filigran ve arka planda günlük kota yok. Birden fazla dosya arka arkaya geçebiliyor; tek bir hero görsel yerine bütün bir ikon setini ya da asset klasörünü göç ettirirken bu önem kazanıyor. AVIF kodlaması bilinçli olarak WEBP yolundan biraz daha yavaş — daha ağır bir sıkıştırma işi yapıyor; bir megabaytın altındaki normal PNG’lerin birkaç saniyede dönmesini bekleyebilirsin, çok megabaytlık kayıpsız dönüşümler ise kodlayıcı her pikseli eşlerken belirgin biçimde uzuyor.

Bir başka pratik nokta: PNG’den AVIF’e dönüşüm, dosya boyutu kazancını ortaya koymak için tek tek dosya bazında değil, klasör bütünü olarak değerlendirilmeli. Tek bir ikonun kayıpsız AVIF olarak 6 KB’dan 4 KB’a inmesi yalnızca yüzde 33’lük bir tasarrufmuş gibi görünüyor; ama 200 ikonlu bir tasarım sistemi için aynı oran toplamda 400 KB’lık bir kazanç anlamına geliyor. Bu, bir sayfanın ilk yüklenmesinde tasarruf edilen 400 KB demek; yavaş 3G bağlantısında bu bir saniyenin üstünde bir fark yaratabiliyor. Birey bazında küçük görünen kazançların asset bazında çarpılması, gerçek etkinin nerede yattığını ortaya koyuyor.

Oyun geliştirme asset hatları, özellikle HTML5 ve PWA üzerinden dağıtılan oyunlarda sprite atlaslarını ve UI dokularını AVIF’e geçirmeye başladı; çünkü ilk indirme boyutundaki her megabayt oyuncunun terk etme oranını doğrudan etkiliyor. Burada işe yarayan kayıpsız mod — oyun UI sprite’larının piksel doğruluğunda kalması gerekiyor, ama bir sprite atlasının kayıpsız AVIF sıkıştırması içerik tipine bağlı olarak kayıpsız PNG’den genelde yüzde 20–35 daha küçük çıkıyor. Phaser ve PixiJS gibi web tabanlı oyun motorları AVIF’i artık doğal olarak destekliyor; Unity’nin WebGL build’i de asset paket yolu izin verdiğinde AVIF servis edebiliyor. Web build’i yayınlayan bağımsız oyun geliştiricileri için, tüm UI sprite kütüphanesini kayıpsız AVIF’e çevirmek asset bütçesinde tek seferlik en ucuz kazanımlardan biri olarak duruyor.

Mesajlaşma platformlarında sticker ve özel emoji üretenler için ek bir kullanım alanı: Telegram, WhatsApp, Discord ve Slack’in sticker / emoji yükleme sistemleri her birinin kendi format ve boyut sınırlarını dayatıyor. Genelde küçük dosya boyutu kuralı sıkı oluyor (Telegram sticker’ları 512 KB altında istiyor, WhatsApp 100 KB civarına bağlıyor). Saydam alanlı bir illüstrasyonu PNG olarak hazırladığında bu sınırlara takılmak nadir bir durum değil; aynı dosyayı kayıplı AVIF’e çevirmek dosyayı boyut sınırının çok altına düşürürken görsel kaliteyi tamamen koruyor. Saydamlığın sticker’ın okunabilirliği için kritik olduğu bu senaryolarda PNG → AVIF dönüşümü, tasarımı sıfırdan basitleştirmek zorunda kalmadan dosyayı platform sınırına oturtmanın en pratik yolu hâline geliyor.

Mobil uygulama paket boyutu tarafında küçük ama biriken bir kazanç da var. Google Play Store ve App Store, uygulamaların dosya boyutu sınırlarını her geçen yıl daha da sıkılaştırıyor; Android tarafında 200 MB üzerinde APK için Play Store ayrı bir App Bundle akışına yönlendiriyor, iOS tarafında ise hücresel veriyle indirilebilir uygulama boyutu 200 MB sınırının üstüne çıktığında kullanıcının özel onay vermesi gerekiyor. Uygulamada saydam asset’ler genelde PNG olarak gömülüyor — onboarding ekranları, illüstrasyonlar, marka grafikleri. Bunların hepsini AVIF’e çevirmek native’in destek matrisi izin verdiği sürece (modern Android ve iOS sürümlerinde sorunsuz) toplam paket boyutunda ciddi bir düşüş sağlıyor. Bu fark, uygulamanın “kullanıcı kapatmak isterse cep telefonunun ne kadar kotasını yiyor” sorgusuna verdiği yanıtı doğrudan iyileştiriyor.