PNG garip davranıyorsa değiştirmeden önce ölçü, color type, bit depth, alpha, chunk yapısı ve decode edilmiş görünümü inceleyin.
Önce orijinali koruyun
Tek kopyanın üzerine tekrar tekrar kaydederek sorun çözmeyin. Kaynak byte'ları saklayın; böylece her deneyden sonra hash, chunk, metadata ve decode edilmiş pikselleri karşılaştırabilirsiniz.
Temel raster gerçeklerini belirleyin
Genişlik, yükseklik, color type, bit depth ve şeffaflığın alpha mı tRNS mi kullandığını kaydedin. Bu bilgiler dosya boyutu ve uyumlulukla ilgili birçok soruyu hemen daraltır.
Chunk listesini çıkarın
Chunk listesi ICC profili, sRGB/gamma, EXIF, metin, fiziksel ölçü, animasyon verisi ve alışılmadık private chunk'ları gösterebilir. Aynı görünen iki dosyanın yapısal olarak farklı olduğunu anlamak için her byte'ı çözmeniz gerekmez.
Decode ile render'ı ayırın
Önce dosyanın beklenen RGBA piksellerine decode olup olmadığını sorun. Sonra belirli uygulamanın bu pikselleri beklenen renk yönetimi ve compositing ile gösterip göstermediğine bakın. İki soruyu karıştırmak debug süresini uzatır.
Her deneyde tek değişiklik yapın
Aynı anda metadata siler, resize yapar, quantize eder ve format değiştirirseniz sorunu hangi işlemin çözdüğünü veya yarattığını anlayamazsınız. Kontrollü görüntü debug'ı kontrollü yazılım debug'ından farklı değildir.
Sonucu belgeleyin
Tekrarlayan üretim sorunları için küçük fixture seti tutun: şeffaf kenar örneği, indexed PNG, 16-bit dosya, renk profilli örnek ve gerekiyorsa animasyon. Bilinen varlıklarla otomatik kontroller regresyonu görsel hata raporundan çok önce yakalar.
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.
