SVG'yi AVIF'e dönüştür
AVIF, vektör sanatının saydamlığı hâlâ koruyan en küçük raster kopyasını yapar — düz renkler ve temiz degradeler dikkat çekici biçimde iyi sıkışır. İhtiyacınız olan çözünürlük için bir ölçek (1–4×) seçin. Kaliteyi burada 60 yerine 70 alıyorum, çünkü keskin vektör kenarları sıkıştırma bozulmalarını fotoğraflardan daha erken gösterir.
Ayrıca yararlı: SVG'yi WebP'ye dönüştür
Nasıl çalışır
SVG dosyalarını bırakın ve 1× ile 4× arası bir dışa aktarım ölçeği seçin — SVG'nin bildirdiği boyutu çarpar.
Vektör önce piksele işlenir, sonra keskin kenarları korumak için fotoğraf varsayılanımdan bir tık yüksek olan kalite 70'te AVIF'e kodlanır.
Karar vermeden önce önizlemeyi ince darbelerde ve küçük metinde yakınlaştırın, sonra her AVIF'i ya da tüm partiyi zip olarak kaydedin.
SVG vs AVIF
Vektörleri bir raster kodekine karşı koymak aslında bir hedef sorusudur: kendi sitenizde SVG koşulsuz kazanır, ama vektörlerin engellendiği her yerde AVIF alfası yerinde en küçük sadık dublörü üretir. Kalite 70, onun tek zayıflığını — yumuşamış saç teli çizgileri — çoğunlukla gözden uzak tutar.
| SVG | AVIF | |
|---|---|---|
| Sıkıştırma | Vektörel (XML metin) | Kayıplı ya da kayıpsız |
| Saydamlık | Evet (tam alfa) | Evet (tam alfa) |
| Animasyon | Evet (CSS/SMIL) | Evet (nadiren kullanılır) |
| Destek | Tüm tarayıcılar; yükleme formlarınca sık reddedilir | Tüm güncel tarayıcılar (Safari 16.4’ten beri, 2023) |
| En uygun kullanım | Logolar, simgeler, çizimler | Kapak görselleri ve fotoğraf ağırlıklı sayfalar |
Sık sorulan sorular
Hayır — bu siteyi tam da bunun için yaptım. Dönüştürme, tarayıcınızda WebAssembly ile çalışır; dosyalarınız cihazınızdan çıkmaz ve süreçte hiçbir sunucu yer almaz. Sayfa bir kez yüklendikten sonra araç çevrimdışı da çalışır, üstelik cihazınızın belleği dışında bir dosya boyutu sınırı da yoktur.
SVG vektörel bir biçimdir — sabit bir piksel boyutu yoktur, dolayısıyla çıktı çözünürlüğüne siz karar verirsiniz. Ölçek, SVG'nin bildirdiği boyutu çarpar: 100×100 bir simge, 3× ölçekte 300×300 piksellik bir raster olarak işlenir. İşleme vektörlerden yapıldığı için her ölçek kusursuz keskindir — sonradan büyütmek yerine işinize uygun boyutu baştan seçin.
Hedef web ise ve baytlar önemliyse — simge setlerinin küçük resimleri, sosyal kartlar, SVG'yi engelleyen platformlardaki önizlemeler. Ne pahasına olursa olsun piksel kusursuzu kenarlar için PNG en güvenli dışa aktarım kalır; web'e bakan her şey için AVIF genelde PNG'nin küçük bir kısmı boyutundadır.
Evet — AVIF tam bir alfa kanalı taşır, dolayısıyla SVG'nin boyanmamış alanları, kenar yumuşatmalı kenarlar dâhil düzgün saydam kalır. Logolar ve simgeler hâle olmadan herhangi bir arka plana düşer.
Kendi siteniz SVG sunmalı: sonsuz keskin, genelde minik, CSS ile biçimlendirilebilir. AVIF rasteri vektörleri reddeden yerler içindir — sosyal önizleme kartları, pazar yerleri, rozet barındırıcıları, e-posta. Yani asıl soru ya/ya da değil: SVG'yi asıl tutun, her hedefe göre boyutlanmış AVIF kopyaları dışa aktarın.
Sanat çoğunlukla saç teli darbeleri ve küçük metinse — kayıplı kodlama önce onları yumuşatır ve kalite 70'te bunu görebilirsiniz. SVG'den PNG'ye her kenarı matematiksel olarak keskin tutar ve basit düz renkli simgelerde çoğu kez AVIF'ten pek büyük değildir. AVIF, sanat büyüdükçe ve degrade ağırlıklaştıkça öne geçer.
İlgili araçlar
SVG'yi WebP'ye dönüştür
SVG'yi WebP'ye tarayıcınızda dönüştürün — ücretsiz, gizli, yükleme yok. Vektörün küçük, keskin raster kopyaları; tam alfa ve 1–4× ölçek seçiciyle boyutlanır.
SVG'yi PNG'ye dönüştür
SVG'yi PNG'ye tarayıcınızda dönüştürün — ücretsiz, gizli, yükleme yok. Her boyutta keskin simge ve logolar için 1–4× dışa aktarım ölçeği seçin, alfa korunur.
PNG'yi AVIF'e dönüştür
PNG'yi AVIF'e tarayıcınızda dönüştürün — ücretsiz, gizli, yükleme yok. AVIF tam saydamlığı korur ve boyutta WebP'yi bile geçer, PNG'nin genelde %80–95 altı.
SVG'yi ICO'ya dönüştür (favicon)
SVG'yi ICO'ya tarayıcınızda dönüştürün — ücretsiz, yükleme yok. En iyi favicon kaynağı: vektörler 48, 32 ve 16 pikselde tek dosyada net ve keskin işlenir.