SVG'yi WebP'ye Dönüştürün - Çok Daha Küçük, Yine Saydam
Bir SVG'nin piksele dönüşmesi gerektiğinde ve sonuç web'e gidecekse başvurulacak biçim WebP'dir. PNG'nin sunduğu tam alfa kanalını korur ve bunu çok daha az yer kaplayarak yapar - üç sınama dosyamızda WebP, birebir aynı ölçülerdeki PNG'den %81 ile %97 arasında daha küçük çıktı. Bu rakamlar bir belgeden alıntılanmadı, bu araçla ölçüldü; tam tablo sayfanın aşağısında, en büyük tasarrufun neden en ummadığınız dosyadan geldiğinin açıklamasıyla birlikte duruyor. Dönüştürme tümüyle kendi cihazınızda gerçekleşir; hiçbir şey yüklenmez, hiçbir iş başkasının işinin arkasında sıra beklemez ve dosya makinenizden hiç çıkmaz. Bir ölçek ya da tam bir piksel genişliği seçin, saydamlığı koruyup korumayacağınıza karar verin; çizim o boyutta vektörden yeniden üretilir.
Bu araç nasıl kullanılır
SVG dosyanızı bırakın
Bir SVG'yi yukarıdaki kutuya sürükleyin ya da tıklayıp seçin. Dosya başına 5 MB'a kadar, aynı anda birkaç dosya. Her biri, hiçbir şey çizilmeden önce uzantısına göre değil içeriğine göre doğrulanır.
Çıktı boyutunu belirleyin
1×, 2×, 4× ya da yazdığınız bir değerde ölçek seçin; ya da en-boy oranı kilitliyken belirli bir piksel genişliği için Tam boyuta geçin. Çizim, daha küçük bir çizimden esnetilmek yerine o boyutta vektörden yeniden üretilir, yani ayrıntı gerçekten kazanılır.
Arka planı koruyun ya da değiştirin
Saydamlık varsayılan olarak açıktır ve WebP onu birebir korur; boyanmamış alanlar saydam kalır. Bunun yerine düz bir renge düzleştirmeyi yeğliyorsanız kutunun işaretini kaldırın, yanında bir renk seçici belirir.
Kaliteyi ayarlayın
Kaydırıcının varsayılanı 85'tir; WebP'nin boyut üstünlüğünün gözle görülür bir hasar olmadan en büyük olduğu yer burasıdır. Gradyanlı sınama dosyamız kalite 90'da 3.998 bayt, 50'de 1.872 ve 20'de 1.394 bayt ölçüldü, yani aşağı inerek kazanılacak pek bir şey kalmıyor.
Dönüştürün ve indirin
WebP'ye Dönüştür düğmesine basın. Her dosya kendi ilerlemesini gösterir. Tek tek indirin ya da tüm grubu tek bir ZIP arşivi olarak alın.
Sıkça Sorulan Sorular
WebP gerçekte PNG'den ne kadar küçük?
Varsayılan ayarlarla 512 piksel genişliğinde üç dosya ölçtük. Konturlu bir simge PNG olarak 20,8 KB iken WebP olarak 3,8 KB'a indi, yani %81 tasarruf. Yoğun bir pixel-art işaret 44,6 KB'dan 7,0 KB'a düştü, %84. Gradyanlı bir çizim ise 152,3 KB'dan 4,2 KB'a indi, %97 tasarruf.
Gradyanlı dosyadaki tasarruf neden bu kadar büyük?
Çünkü yumuşak bir gradyan, PNG için en kötü durumdur. PNG yinelenen piksel örüntülerini bularak kayıpsız sıkıştırır, oysa bir gradyanda neredeyse hiçbir şey yinelenmez; bu yüzden PNG neredeyse her pikseli tek tek saklar. WebP'nin kayıplı kipi aynı yumuşak geçişi bir avuç katsayıyla anlatır, 152 KB'ın 4 KB'a çökmesinin nedeni budur.
WebP saydamlığı koruyor mu?
Evet, tümüyle. WebP 8 bitlik bir alfa kanalı taşır; saydam ve yarı saydam alanlar PNG'deki gibi birebir korunur ve biz bunu her çıktıda doğrularız. Yumuşak gölgeler ve kısmi matlık olduğu gibi gelir. WebP'yi JPG yerine seçmenin başlıca nedeni budur, çünkü JPG'nin alfası hiç yoktur.
Bu WebP kayıplı mı, kayıpsız mı?
Kayıplı, kaydırıcıyla belirlediğiniz kalitede. Bu bilinçli bir seçim: kayıpsız WebP PNG'yi yener, ama genellikle %20–30 ile; oysa kalite 85'te kayıplı WebP onu %80 ya da fazlasıyla yener ve normal görüntüleme boyutunda görebileceğiniz bir fark bırakmaz. Alfa kanalı her iki durumda da kayıpsız kalır.
WebP ihtiyacım olan her yerde çalışır mı?
Web'de evet. Bütün güncel tarayıcılar yıllardır WebP'yi destekliyor, Safari 2020'den beri. Tarayıcının dışında tablo daha karışık: bazı eski masaüstü yazılımları, baskı iş akışları ve yükleme formları onu hâlâ reddediyor. Karar vermeden önce hedefi denetleyin ve WebP kabul edilmeyen yerde PNG'ye dönün.
SVG'm animasyonlu - WebP de animasyonlu olur mu?
Hayır. WebP animasyonu destekler, ama bir SVG'deki animasyon yalnızca dosya görsel değil belge olarak ele alındığında çalışan SMIL etiketlerinde ya da CSS'te yaşar. Çizim, başlangıç durumundaki tek bir durağan kareyi yakalar. Hareketli bir sürüm için tasarım aracınızdan video ya da animasyonlu GIF olarak dışa aktarın.
WebP yerine ne zaman PNG seçmeliyim?
Dosya WebP kabul etmeyen bir yere gidiyorsa ya da piksel düzeyinde kayıpsız çıktıya ihtiyacınız varsa: belgelendirme için bir ekran görüntüsü, ya da daha sonra defalarca düzenlenip yeniden kaydedilecek bir çizim. Yinelenen kayıplı kodlama birikir, bu yüzden düzenleme aslını PNG olarak ya da özgün SVG olarak saklayın.
Hangi kalite ayarını kullanmalıyım?
Bir nedeniniz yoksa 85'te bırakın. WebP orta ayarlarda JPEG'den çok daha iyi dayanır ve 100'e çıkmak, göremeyeceğiniz bir fark için dosyayı genellikle ikiye katlar. Yalnızca mutlak keskinliğin önemli olmadığı büyük süsleyici arka plan görselleri için 60'a doğru inin.
Bunun yerine sitemde doğrudan SVG mi kullanmalıyım?
Çoğu zaman evet. Bir logo, bir simge ya da düz bir çizim için SVG'nin kendisi genellikle onun herhangi bir raster sürümünden küçüktür, her yakınlaştırma düzeyinde keskin kalır ve CSS ile yeniden biçimlendirilebilir. Sabit boyutlu bir raster gerektiğinde WebP'ye dönüştürün: Open Graph görselleri, e-posta ya da bir tuval veya oyun dokusu.
Şunlara da ihtiyacınız olabilir
Bir şey çalışmıyor mu? Hata bildir