Nasıl kullanılır
- Bir .avif dosyasını bırakma alanına sürükleyin, seçmek için tıklayın veya bir görsel yapıştırın.
- "Orijinal biçimi koru" seçeneğini kullanın. AVIF genellikle en küçük seçenektir ve araç görselleri AVIF olarak yeniden kodlayamaz.
- Yalnızca alıcı taraf AVIF'i işleyemiyorsa PNG, JPEG veya WebP'ye dönüştürün.
- Bir picture öğesinin kaynağı için data URI'yi kopyalayın ya da ham Base64, img etiketi, CSS veya Markdown çıktısını kullanın.
AVIF nedir?
AVIF (AV1 Image File Format), AV1 video codec'iyle sıkıştırılmış görselleri bir HEIF kapsayıcısında saklar. Alliance for Open Media tarafından 2019'da yayımlanmıştır ve saydamlığı, animasyonu, 10 ve 12 bit renk derinliğini, HDR'yi ve geniş renk gamlarını destekler. MIME türü image/avif olur.
Aynı görsel kalitede AVIF dosyaları, özellikle düşük bit hızlarında, çoğu zaman JPEG'den belirgin şekilde, WebP'den de genellikle daha küçüktür. Base64 her dosyaya aynı üçte birlik artışı eklediğinden, daha küçük bir AVIF doğrudan daha kısa bir data URI anlamına gelir.
Tarayıcı desteği ve yedekler
AVIF; Chrome 85 ve sonrası, Firefox 93 ve sonrası, Safari 16 ve sonrası ile Edge 121 ve sonrasında görüntülenir. Eski tarayıcılar ve çoğu e-posta istemcisi bu biçimi gösteremez. Web'de data URI'yi bir yedekle birlikte <picture> öğesinin içine yerleştirin:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Yedeği ayrı bir dosya olarak tutun. O da bir data URI olsaydı, her ziyaretçi iki sürümü de HTML'nin parçası olarak indirirdi.
Kodlama ve dönüştürme seçenekleri
Araç, AVIF dosyanızı tam olarak olduğu gibi kodlar. AVIF, dönüştürme hedefleri (PNG, JPEG ve WebP) arasında yer almaz; bu nedenle başka bir biçimden AVIF oluşturmak için avifenc, Squoosh veya bir görsel düzenleyici gibi özel bir kodlayıcı kullanın, ardından sonucu burada kodlayın.
Bir AVIF'i PNG, JPEG veya WebP'ye dönüştürmek, AVIF'in kodunu çözebilen tarayıcılarda çalışır ve bu biçimi kabul etmeyen sistemler için kullanışlıdır, ancak sonuç genellikle daha büyük olur. Geniş destek ve küçük boyut istiyorsanız en yakın alternatif WebP biçimidir.
Sıkça sorulan sorular
PNG veya JPEG'i burada AVIF'e dönüştürebilir miyim?
Hayır. Dönüştürme hedefleri PNG, JPEG ve WebP'dir. AVIF dosyasını önce başka bir araçla oluşturun, ardından kodlamak için buraya bırakın.
Hangi tarayıcılar data:image/avif görsellerini gösterir?
Chrome 85+, Firefox 93+, Safari 16+ ve Edge 121+. Eski tarayıcılar için bir picture öğesi içinde PNG veya JPEG yedeği sağlayın.
AVIF görselimin önizlemesi neden yok?
Tarayıcınız büyük olasılıkla AVIF'in kodunu çözemiyor. Base64 çıktısı yine de dosya baytlarından üretilir ve doğrudur; önizlemeyi görmek için sayfayı güncel bir tarayıcıda açın.
AVIF Base64, WebP Base64'ten daha mı kısa?
Benzer görsel kalitede genellikle evet. Base64 her iki biçime de aynı %33'lük artışı ekler, bu nedenle daha küçük kaynak dosya her zaman daha kısa dizeyi verir.