AVIF dosyasını PNG yapmak: şeffaflık için ve sonradan düzenleyeceğiniz görseller için
AVIF şeffaflığı taşıyabilir, çoğu dönüştürücü ise onu çöpe atar. Köşeleri boş bir logoyu özensiz bir araçtan geçirin, arkasında beyaz bir kutu bulursunuz, bazen de siyah. Burada JPG yerine PNG seçmenin birinci sebebi budur: PNG gerçek bir alfa kanalına sahiptir, yani kesilmiş görsel size bir sunum slaytına, bir mockup'a veya ürün sayfasına doğrudan konulmaya hazır gelir.
İkinci sebep düzenleme. PNG sıkıştırması kayıpsızdır, kendisine verilen pikselleri saklar ve fazladan hiçbir şey atmaz. Bunun yerine JPG'ye çevirirseniz, her yeni kayıt zaten var olan bozulmaların üstüne yenilerini ekler. Görsel bir tasarım programına gidecekse ya da birkaç kez kırpıp yeniden dışa aktaracaksanız, PNG bu turların hiçbirinde size bir bedel ödetmez.
Şeffaflık testi, piksel piksel
Üç dikey şeritten oluşan bir AVIF hazırladık: biri tamamen saydam, biri tam olarak yarı saydam, biri tamamen opak. Sonra bunu kendi sunucumuzda bütün ayarlarla dönüştürdük ve çıktıyı piksel piksel ölçtük.
| Ayar | Tamamen saydam alan | Yarı saydam alan | Opak alan |
|---|---|---|---|
| Recommended | saydam kaldı | tam olarak yarıda kaldı | opak kaldı |
| Smallest, 64 renk | saydam kaldı | tam olarak yarıda kaldı | opak kaldı |
| Palette compression kapalı | saydam kaldı | tam olarak yarıda kaldı | opak kaldı |
Kısmi saydamlık 64 renkte bile hayatta kaldı. Çoğu dönüştürücünün sınıfta kaldığı durum tam olarak budur, çünkü sınırlı bir palette ona ayrılacak bariz bir yer yok gibi görünür ve olağan sonuç yumuşak bir gölgenin sert bir kenara dönüşmesidir. Burada hiçbir ayarda görüntü bir arka plan rengiyle birleştirilmez. Aynı dosyayı AVIF'ten JPG'ye dönüştürmeden geçirdiğimizde saydam şerit düz bir renkle doldu, çünkü JPEG şeffaflığı saklayacak bir yola hiç sahip değil.
Neden size bir yüzde sözü vermiyoruz
Palette compression varsayılan olarak açıktır, çünkü bir fotoğrafın tam renkli PNG hâli devasa olur ve sıradan zlib bunu neredeyse hiç kırpmaz. Ne kadar kazandıracağı tamamen görselin kendisine bağlıdır. İşte diskte 21 KB yer kaplayan, 1200 e 900 boyutundaki aynı AVIF dosyasının her ayardaki hâli:
| Ayar | Palet | Çıkan PNG | Ne oldu |
|---|---|---|---|
| Fast | 256 renk | 281 KB | tam renkli PNG korundu, paletli sürüm daha büyük çıktı |
| Recommended | 128 renk | 223 KB | palet kullanıldı |
| Smallest | 64 renk | 197 KB | palet kullanıldı |
| Palette compression kapalı | yok | 227 KB | tamamen kayıpsız, tam renk |
Bu görselde palet neredeyse hiçbir şey kazandırmadı, 256 renkte ise dosyayı büyütecekti; araç da paleti bırakıp tam renkli sürümü tuttu. Düz bir logoda veya ekran görüntüsünde ise aynı ayar dosyayı yarısından fazla küçültebilir. Bu sayfanın hiçbir yerinde tek bir yüzde rakamı geçmemesinin sebebi budur. Verilmeye değer tek söz, tutabileceğimiz söz: her zaman küçük olan sürümü alırsınız ve sonuç size hangisini aldığınızı söyler.
PNG'nin AVIF'inizin birkaç katı olmasını bekleyin
AVIF, gözünüzün aramayacağı ayrıntıları atmasına izin verilen modern ve kayıplı bir kodektir. PNG ise kendisine verilen her pikseli kaydetmek zorundadır. AVIF olarak birkaç yüz kilobayta sığan bir fotoğraf, tam renkli PNG olarak megabaytlara çıkar; bu dönüştürmenin kusuru değil, kayıpsızlığın bedelidir. PNG işiniz için hâlâ fazla ağırsa, görsel büyük ihtimalle bir fotoğraftır ve ona AVIF'ten JPG'ye daha iyi bir cevaptır.
Ekran görüntüleri ve yazılar keskin kalır
Keskin kenarlar, arayüz yazıları ve düz renk blokları JPEG'in en kötü başa çıktığı şeylerdir. JPEG küçük kare bloklarla çalışır ve her harfin çevresinde gözle görülür haleler bırakır. PNG bu kenarları olduğu gibi saklar, dolayısıyla bir ekran görüntüsü yazısı AVIF'teki kadar net olarak dönüşür. Düz grafikler aynı zamanda Palette compression'ın en çok işe yaradığı yerdir, çünkü bir ekran görüntüsünde veya logoda gerçekten az sayıda farklı renk bulunur. Degrade içeren bir ekran görüntüsünde, tasarruf değil kesinlik istiyorsanız Palette compression'ı kapatın ve bütün renkleri koruyun.
Paleti kendiniz belirleyin
Sıkıştırma ayarının altında bir Colours alanı vardır. Ona dokunmazsanız her ayar kendi varsayılanını kullanır. 2 ile 256 arasında herhangi bir değer verirseniz palet tam olarak o olur; mevcut bir görsele uyum sağlarken veya bir simgeyi sonuna kadar sıkarken işinize yarar. Palette compression'ı büsbütün kapatmak ise size piksel piksel birebir, tam renkli bir PNG verir.
Yön, renk ve boyutlar
Telefon fotoğrafındaki yön etiketi dosya yazılmadan önce uygulanır ve sonra çıktıdan temizlenir; böylece görseliniz düz gelir ve hiçbir görüntüleyici onu ikinci kez çevirmez. Geniş gamutlu Display P3 profili atılmak yerine PNG'nin içine gömülür, ki doğru renk ile neon gibi dönen bir gökyüzü arasındaki fark budur; hedefiniz profilleri yok sayıyorsa Colour profile ayarı görseli düzgün biçimde sRGB'ye çevirir. Piksel boyutları hiç değişmez. Burada biçim dönüşür, boyut değil.
Adı değiştirilmiş ve hareketli dosyalar
Biçim dosyanın kendi baytlarından okunur, dolayısıyla birinin .jpg adıyla kaydettiği bir AVIF yine de doğru dönüşür. Hareketli bir AVIF size ilk karesini tek bir durağan görsel olarak verir ve sonuç bunu açıkça söyler. Hareketli PNG üretilmez, çünkü bir animasyonu birbirinin neredeyse aynısı yüzlerce kareye açmak, tek bir dosya dönüştüren birinin istediği şey değildir.
Elinize ne geçiyor
- Şeffaf arka plan bütün olarak, kısmi saydamlık ve yumuşak gölgeler dahil
- Kayıpsız sıkıştırma, böylece sonradan kırpmak ve yeniden dışa aktarmak fazladan hiçbir şeye mal olmaz
- Hangisi küçükse o: paletli sürüm ya da tam renkli sürüm, karar her dosya için ayrı verilir
- İstediğinizde kendi palet boyutunuz, 2 ile 256 renk arasında
- Fotoğraflar düz, geniş gamutlu renk korunmuş ya da istenirse sRGB'ye çevrilmiş
- Her seferinde başladığınız piksel boyutlarının aynısı
Sırada ne var?
Görsel şeffaflığı olmayan sıradan bir fotoğraf mı? AVIF'ten JPG'ye aynı görsel için çok daha küçük bir dosya verir.
PNG beklediğinizden ağır mı çıktı? PNG sıkıştırma boyutlara dokunmadan onu daha da küçültür.
Görseli sonra bir web sitesine mi koyacaksınız? PNG'den WebP'ye şeffaflığı korur ve tarayıcı için ağırlığı düşürür.