UltKit

WebP'yi SVG'ye Dönüştürme

WebP piksellerden, SVG ise şekillerden oluşur; bu yüzden ikisi arasında kayıpsız bir geçiş yoktur. Bu sayfa WebP dosyanızı ölçeklendirebileceğiniz, yeniden renklendirebileceğiniz ve kesebileceğiniz gerçek vektör yollarına dönüştürür. En iyi sonucu logolarda, ikonlarda ve düz renkli çizimlerde verir.

Resimden SVG'ye

veya JPG, JPEG, JFIF … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı
12

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

  1. 1

    WebP dosyasını yükleyin

    Bir web sitesinden kaydettiğiniz logo, simge veya çıkartmayı ekleyin; en fazla 20 dosya, her biri 95 MB'a kadar. Daha büyük ve temiz kaynak resimler daha iyi vektörleşir.

  2. 2

    Renk sayısını ayarlayın

    Renk sayısı 12 ile başlar, çoğu logo için yeterlidir. İki tonlu bir işaret için düşürün ya da tek renkli bir kesim dosyası için Renk modu ayarını Siyah beyaz yapın.

  3. 3

    SVG'ye vektörleştirin

    Vektörleştir düğmesine basın ve dosyaları indirin. Şekilleri kontrol etmek için Inkscape, Illustrator, Figma veya Cricut Design Space'te açın.

Yanıt

WebP'yi gerçekten SVG'ye dönüştürebilir misiniz?

Yalnızca vektörleştirerek. WebP pikselleri, SVG şekilleri saklar. Bu araç WebP'nizdeki renkleri vektör yolları olarak yeniden çizer; dosyayı yalnızca yeniden adlandıran veya bitmap'i gömen her şey, büyütünce hâlâ bulanıklaşan bir SVG verir.

WebP'yi SVG'ye dönüştürme: vektörleştirme ve gömme farkı

Google'ın 2010'da yayımladığı WebP bir raster formattır: hızlı web iletimi için sıkıştırılmış renkli piksel ızgarası. 2001'den beri W3C standardı olan SVG ise çizgileri, eğrileri ve dolguları metin olarak tanımlar. Birincisini ikinciye çevirmek çok farklı iki yolla yapılabilir ve ücretsiz dönüştürücülerin çoğu size yaramayan yolu seçer.

Gömme yönteminde WebP, base64 metni olarak bir SVG'nin içine yazılır. Base64 resmi yaklaşık üçte bir oranında şişirir ve sonuç, vektör etiketli bir bitmap olarak kalır. Burada ve Inkscape'in Potrace algoritmasına dayanan Bitmap'i Vektörleştir özelliğinde kullanılan vektörleştirme ise renk alanlarını okur ve yol olarak yazar. Sonuç gerçekten ölçeklenebilir ve düzenlenebilirdir; bedeli ince ayrıntı kaybıdır. Resmi SVG'ye dönüştürme rehberimiz tüm ayarları açıklar.

Vektörleştirilmiş SVG ve gömülü WebP: her dosya neler yapabilir

Vektörleştirilmiş SVGWebP'yi saran SVGOrijinal WebP
Her yakınlaştırmada netyesnono
Şekiller Illustrator veya Inkscape'te düzenlenebiliryesnono
Cricut veya lazer kesim yolu olarak kullanılabiliryesnono
Fotoğraf ayrıntısını korurnoyesyes
Tipik dosya boyutuAyrıntıyla birlikte artarWebP'den yaklaşık ⅓ büyükEn küçük
  1. WebP'yi çöz

    Pikseller ve alfa kanalı okunur; saydam alanlar ayrılır.

  2. Renkleri grupla

    Benzer pikseller, seçtiğiniz Renk sayısı kadar renkte birleştirilir.

  3. Yolları çiz

    Her renk bölgesi yumuşatılmış eğrilere dönüşür ve optimize edilmiş bir SVG'ye yazılır.

WEBP

WebP resim

WebP, Google'ın web sayfalarını daha hızlı yüklemek için 2010'da yayımladığı bir resim biçimidir. Hem kayıplı hem kayıpsız sıkıştırmayı, alfa saydamlığını ve animasyonu tek biçimde destekler. Kayıplı WebP dosyaları, benzer görsel kalitedeki JPEG'lerden genellikle %25–35 daha küçüktür; kayıpsız WebP ise genellikle PNG'den küçüktür. Güncel tüm tarayıcılar destekler, ancak bazı eski masaüstü yazılımlar, baskı hizmetleri ve yükleme formları hâlâ reddeder. Windows, macOS ve çoğu modern görüntü düzenleyici WebP dosyalarını açabilir.

Sıkıştırma
Kayıplı veya kayıpsız
Saydamlık
Evet
Animasyon
Evet
Çıkış yılı
2010 · Google
WEBP dönüştürücü

SVG

Scalable Vector Graphics

SVG, W3C'nin 2001'de standartlaştırdığı XML tabanlı bir vektör biçimidir. Piksel yerine şekilleri, yolları ve metni tanımlar; bu yüzden her boyutta keskin kalır ve logolar ile simgeler için genellikle çok küçüktür. Saydamlığı, CSS stillendirmesini, betik çalıştırmayı ve animasyonu destekler; her tarayıcı onu yerel olarak işler. SVG fotoğraflar için uygun değildir ve karmaşık çizimlerin işlenmesi yavaşlayabilir. Illustrator, Inkscape, Figma ve tarayıcılar onu açıp düzenleyebilir.

Sıkıştırma
–
Saydamlık
Evet
Animasyon
Evet
Çıkış yılı
2001 · W3C
SVG dönüştürücü

İnsanlar, bir web sitesinden kaydettikleri logo veya simgenin ölçeklenebilir, düzenlenebilir ya da kesilebilir olması gerektiğinde WebP'den SVG'ye dönüşümü arar; bunu yalnızca vektörleştirme sağlar. Ters yön ise web için basit bir rasterleştirmedir.

Bir web sitesinden kaydedilen WebP'den temiz SVG elde edin

Vektör olarak istenen WebP dosyalarının çoğu bir siteden indirilmiştir; yani sayfaya göre küçültülmüş ve kayıplı sıkıştırılmıştır. Kenarlardaki sıkıştırma gürültüsü küçük başıboş şekillere dönüşür, küçük resimler ise izleyiciye pürüzsüz eğri bulacak kadar piksel vermez. Bulabildiğiniz en büyük kopyayla başlayın; sitenin basın veya marka sayfası çoğu zaman daha büyük bir sürüm ya da orijinal SVG sunar.

Eğrili logolarda Yumuşatma ayarını varsayılana yakın tutun; düz kenarlı geometrik işaretlerde Eğriler ayarını Düz çizgiler yapın. Vektörleştirdikten sonra kalan lekeleri düzenleyicinizde silin. Resmin yalnızca bir yerde açılması gerekiyorsa, ölçeklenmesi gerekmiyorsa, WebP'den PNG'ye daha hızlı ve birebir yoldur.

WebP'yi SVG'ye dönüştürme hakkında sorular

Diğer WebP SVG dönüştürücüleri neden bulanık bir dosya veriyor?

Çoğu, WebP'yi bir SVG'nin içine gömülü resim olarak yerleştirir ve uzantıyı değiştirir. Dosya SVG olarak açılır ama hâlâ pikseldir; büyütünce bulanıklaşır ve düzenlenebilir şekil içermez. Dosyayı bir metin düzenleyicide açın: uzun bir data:image dizisi görüyorsanız hiçbir şey vektörleştirilmemiştir.

WebP fotoğrafı SVG'ye dönüştürebilir miyim?

Yapabilirsiniz ama sonuç afişe benzer: yumuşak geçişler ve ten tonları düz renk bantlarına dönüşür. Fotoğraflar raster formatlar içindir. Fotoğrafı WebP, JPG veya PNG olarak saklayın; yalnızca gerçekten ihtiyaç duyduğunuz logo, kontur veya illüstrasyonu vektör olarak çizdirin.

WebP dosyamın şeffaf arka planı şeffaf kalır mı?

Evet. Saydam pikseller şekil oluşturmaz, bu yüzden SVG'de vektörleşen çizimin arkasında hiçbir şey olmaz. Çıkartma ya da renkli zeminlere yerleştirilecek logo için genellikle tam istediğiniz budur.

Bir WebP logoyu kaç renkle vektörleştirmeliyim?

Gördüğünüz düz renkleri sayın, kenar yumuşatma için iki üç renk ekleyin. İki renkli bir logo 4 ile temiz çıkar; maskot illüstrasyonu için 16 ile 24 arası gerekebilir. Çok fazla renk, her kenar boyunca ince şerit şekiller oluşturur.

SVG dosyasını Cricut veya lazer kesim makinesinde kullanabilir miyim?

Evet, vektörleştirmenin başlıca nedenlerinden biri bu. Cricut Design Space SVG'yi renk başına ayrı katmanlar olarak alır, lazer yazılımları yolları kesme veya kazıma çizgisi olarak okur. Tek bir kesim çizgisi gerektiğinde Siyah beyaz ile Yalnızca dış hatlar seçeneğini kullanın.

Vektörleştirilen SVG neden orijinal logoya göre pürüzlü görünüyor?

Web sitelerindeki düşük çözünürlüklü WebP dosyaları çoğu zaman yalnızca 100–200 px genişliğindedir; bu yüzden izleyici birkaç pikselden eğri tahmin etmek zorunda kalır. Logonun daha büyük bir kopyasını bulun ya da önce resim boyutunu büyütme aracıyla büyütün, sonra yeniden vektörleştirin.