Animated PNG (APNG) Nedir? Frame Yapısı, Uyumluluk ve GIF'e Karşı Kullanımı

Animated PNG (APNG) Explained: Frames, Compatibility, and When It Beats GIF

Modern PNG frame tabanlı animasyonu destekler. APNG tam renk ve alpha şeffaflığını koruyabilir; ancak animasyon performans kararlarını değiştirir.

Modern PNG frame tabanlı animasyonu destekler. APNG tam renk ve alpha şeffaflığını koruyabilir; ancak animasyon performans kararlarını değiştirir.

Animasyon artık PNG standardının parçasıdır

W3C PNG Third Edition, animated PNG'yi frame tabanlı animasyon dizisi olarak tanımlar. Bu, APNG'yi PNG'ye iliştirilmiş alakasız bir hile gibi görmek yerine standardın güncel parçası olarak değerlendirmek gerektiği anlamına gelir.

Statik görüntü hâlâ önemlidir

Animated PNG normal PNG görüntüsünün yanında animasyon bilgisi taşır. Spesifikasyon, statik görüntünün ilk frame olmadığı durumlarda statik görüntü ile animasyon frame'lerini ayırır. Bu nedenle fallback davranışı test edilmelidir.

Neden GIF yerine APNG?

APNG, PNG'nin daha zengin renk ve alpha özelliklerini kullanabilir. GIF'in palet ve şeffaflık sınırlamalarının görünür olduğu arayüz animasyonları, sticker ve çizimlerde çekici olabilir.

Maliyet yalnız dosya boyutu değildir

Animasyon tekrarlanan decode, compositing, bellek kullanımı ve varlık görünürken sürekli işlem anlamına gelebilir. Küçük loop animasyonu sayfada çok sayıda kullanıldığında pahalı hale gelebilir.

Uzun fotoğrafik harekette video daha iyi olabilir

Uzun veya fotoğraf ağırlıklı animasyonda video codec'leri farklı bir sıkıştırma problemine göre tasarlanmıştır ve çok daha verimli olabilir. APNG; görüntü gibi dağıtım, kaliteli şeffaflık veya kısa frame animasyonu gerektiğinde güçlüdür.

Reduced-motion ve fallback'i test edin

Animasyonu yalnız oynuyor mu diye değerlendirmeyin. Kullanıcının hareket tercihini, loop politikasını, erişilebilirliği, hedef tarayıcı/uygulamaları ve animasyonu oynatmayan tüketicinin ne göreceğini düşünün.

Kaynaklar ve teknik dayanak

Temel teknik kaynak: W3C Portable Network Graphics (PNG) Specification, Third Edition (2025). Web teslimiyle ilgili bölümlerde uygun yerlerde MDN responsive image dokümantasyonu da esas alınmıştır.

Okumaya devam et