PerfectVector
Yazan Claire Yoon

WebP'yi SVG'ye dönüştürme: gerçek yollar elde edin

WebP raster görüntüdür; SVG olarak kaydedemezsiniz, vektörleştirmeniz gerekir. WebP'yi temiz, gerçek vektöre dönüştürmeyi ve sahte vektörden kaçınmayı öğrenin.

6 dk okuma
Bu sayfada

WebP, JPG veya PNG gibi piksel ızgarasından oluşan bir raster görüntüdür. Google'ın WebP belgeleri hem kayıplı hem kayıpsız WebP'yi görüntü sıkıştırma biçimleri olarak tanımlar; SVG ise vektör grafikleri şekiller ve yollar üzerinden tanımlar. Dolayısıyla pikselleri vektör geometrisine dönüştüren bir "SVG Olarak Kaydet" işlemi yoktur; görüntü önce şekillere ve yollara vektörleştirilmelidir. (Google WebP'ye genel bakış; W3C SVG 2)

WebP'yi gerçekten temiz ve düzenlenebilir SVG'ye nasıl dönüştüreceğinizi, nelere dikkat edeceğinizi ve ne zaman uğraşmamanız gerektiğini anlatalım.

Kaynak WebP yerine AVIF ise vektörleştirmeden önce biçim dönüştürme adımı eklemek yerine orijinal dosyayı koruyup AVIF'den SVG'ye dönüştürücüyü kullanın.

Kısa özet
  • WebP rasterdır; bu nedenle vektör olarak "kaydetmek" yerine vektörleştirilmelidir.
  • Sahte vektörlere dikkat edin: WebP'nizi .svg içine gömen dönüştürücüde görüntü hâlâ pikselleşir.
  • WebP kayıplı veya kayıpsız olabilir. Kayıplı sürüm sıkıştırma gürültüsü taşır; bu yüzden en temiz kaynakla başlayın.
  • Düz ve yüksek kontrastlı çizimler iyi dönüşür. Fotoğraflar dönüşmez.
  • WebP'den SVG'ye dönüştürücüyle vektörleştirin, sonra gerçekten düzenlenebilir olduğunu kontrol edin.

Önce çoğu dönüştürücünün atladığı konu

Üst sıralardaki arama sonuçları bunu net anlatmadığından gerçekte ne olduğuna açıklık getirmekte yarar var:

  • WebP pikselleri saklar. WebP biçimi kayıplı ve kayıpsız sıkıştırmayı, şeffaflığı ve animasyonu destekler, ancak raster olarak kalır. Google'ın WebP kapsayıcı belirtimine bakın.
  • SVG matematiği saklar: her boyutta keskin kalan noktalar, yollar ve eğriler.

Animasyon ayrı bir karar getirir: hareketli rasterı SVG'ye dönüştürmek, hareketini kendiliğinden korumaz. Animasyonlu GIF'den SVG'ye rehberi, tek kareyi vektörleştirmek ile SVG animasyonunu yeniden oluşturmak arasındaki farkı açıklar.

Kaynağınız GIF ise ve düzenlenebilir tek durağan görüntü istiyorsanız vektörleştirmeden önce o anı seçmek için GIF karesinden SVG'ye dönüştürücüyü kullanın. Hareketine hâlâ ihtiyacınız varsa animasyonu ayrı saklayın.

İkisi arasında kayıpsız "dönüştürme" yoktur. WebP'den SVG'ye geçmek pikselleri şekiller olarak yeniden çizmek demektir; bu da vektörleştirmedir. Bu yüzden gerçek dönüşüm, dosyayı yeniden adlandırmak yerine vektörleştirici gerektirir.

Kaçınılacak tuzak: SVG dosyasının <image> öğesiyle raster görüntü gömmesine izin verilir. Böyle dosyanın .svg uzantısı vardır, ancak gömülü pikseller düzenlenebilir yollara dönüştürülmez ve büyütüldüğünde hâlâ bulanıklaşabilir. SVG'de gömülü içerik için W3C belirtimine bakın. İhtiyacınız olan, görüntüyü gerçek yollara dönüştüren araçtır.

Kayıplı mı, kayıpsız mı? Sonucu değiştirir

WebP'nin kayıplı ve kayıpsız türleri vardır; elinizde hangisinin olduğu vektörleştirmeyi etkiler:

  • Kayıplı WebP (yaygın web dışa aktarımı), JPG gibi sıkıştırma kullanır; bu yüzden kusurlar ve yumuşak, gürültülü kenarlar taşır. Vektörleştirme bunları da yakalar; bu nedenle elinizdeki en kaliteli sürümle başlayın. (JPG'yi SVG'ye dönüştürmedeki sorunla aynıdır.)
  • Kayıpsız WebP, PNG gibi kenarları keskin tutar ve temiz vektörleşir. (Temiz kaynak yaklaşımı için kalite kaybetmeden PNG'yi SVG'ye dönüştürme rehberine bakın.)

WebP ayrıca alfa kanalıyla şeffaflığı destekler; görüntünüzün arka planı şeffafsa bunu koruyan bir dönüştürücü kullanın. Aksi hâlde şekillerinizin arkasında istenmeyen dolgulu dikdörtgen oluşur. Google'ın kayıpsız WebP bit akışı belirtimine bakın.

Adım adım WebP'yi SVG'ye dönüştürme

  1. En iyi kaynakla başlayın. Orijinal, en kaliteli WebP'yi kullanın. Aşırı sıkıştırılmış kayıplı dosyaysa daha gürültülü sonuç bekleyin.
  2. Genel dosya dönüştürücü yerine gerçek vektörleştirici kullanın. Rasterı gömen değil, görüntüyü yollara vektörleştiren araç gerekir.
  3. Vektörleştirin. WebP'yi WebP'den SVG'ye dönüştürücüye bırakıp görüntüyü temiz ve az düğümlü yollar olarak yeniden oluşturmasını bekleyin.
  4. Renkleri sadeleştirip şeffaflığı koruyun. Neredeyse aynı renkleri birleştirin (kayıplı WebP birkaç tane ekler) ve şeffaf arka planın şeffaf kaldığından emin olun.
  5. İndirip kontrol edin (aşağıya bakın).

PerfectVector ile nasıl görünür?

WebP'de hedef gerçek vektördür: kılık değiştirmiş pikselleriniz değil, düzenlenebilir temiz yollar. PerfectVector bunu üretir. WebP'yi düzgün ve az düğümlü yollara dönüştürür, şeffaflığı korur ve kayıplı WebP'nin eklediği fazla renkleri birleştirmek için renk düzenleyicisi sunar. WebP'yi temiz SVG'ye dönüştürüp yolları kendiniz inceleyebilir, ilk görüntülerinizi kredi kartı gerekmeden ücretsiz dönüştürebilirsiniz.

Önce
Yumuşak ve gürültülü kenarları olan basit amblemin kayıplı WebP'si; SVG içine raster olarak gömüldüğünden büyütüldüğünde hâlâ pikselleşiyor
.svg içine sarılmış WebP; hâlâ piksel, büyütünce hâlâ bulanık.
Sonra
Aynı amblemin her boyutta keskin kalan temiz, düzenlenebilir ve az düğümlü yollarla gerçek SVG'ye dönüştürülmesi
Her boyutta keskin kalan temiz, düzenlenebilir yollarla gerçek vektörleştirme.

Hızlı sonuç kontrolü. Gerçek WebP-SVG dönüşümünde şunlar bulunur:

  • .svg içine gömülmüş WebP yerine düzenlenebilir yollar (yakınlaştırınca keskin kalmalı).
  • Düşük düğüm sayısı; binlerce nokta yerine temiz eğriler (düğüm sayısı hakkında daha fazlası).
  • Kaynakta varsa korunmuş şeffaflık; başıboş arka plan dikdörtgeni olmadan.
  • Düzenli palet; kayıplı WebP'nin ekledikleri değil, yalnızca amaçladığınız renkler.

Ne zaman dönüştürücüyü atlamalı?

Vektörleştirme her WebP için doğru değildir:

  • Fotoğraflar ve fotogerçekçi görüntüler posterize lekelere dönüşür; raster olarak tutun.
  • Yoğun renk geçişli veya dokulu çizimler inceliklerini kaybeder. Vektör gerekiyorsa düz şekiller olarak yeniden oluşturun.
  • Çok küçük veya aşırı sıkıştırılmış WebP'ler kurtarılamaz. Daha iyi kaynak bulun veya çizimi yeniden yapın.

Her zamanki gibi vektörleştirme, fotoğraf için değil; logo, simge ve basit grafik gibi düz, illüstratif çizimler içindir. (Konuya yeniyseniz görüntü vektörleştirme nedir? yazısıyla başlayın.)

Sık sorulan sorular

WebP'yi doğrudan SVG olarak kaydedebilir miyim? Hayır. WebP raster görüntüdür (piksel), SVG ise vektördür (şekiller ve yollar). Hiçbir "Farklı Kaydet" biri diğerine dönüştürmez. Görüntünün vektör şekillerine dönüştürülmesi gerekir; vektörleştirici bunu yapar.

WebP'm SVG'ye "dönüştürüldükten" sonra neden hâlâ pikselli? Genel dönüştürücü muhtemelen WebP'yi vektörleştirmek yerine .svg kapsayıcısına gömmüştür. Bu sahte vektördür ve hâlâ pikselleşir. Görüntüyü gerçek, düzenlenebilir yollara dönüştüren araç kullanın.

WebP'yi ücretsiz SVG'ye dönüştürebilir miyim? Evet. WebP'nizi vektörleştiriciye yükleyin, renkleri sadeleştirip SVG'yi indirin. İlk görüntülerinizi kredi kartı gerekmeden ücretsiz dönüştürebilirsiniz. Yalnızca çıktının .svg içine sarılmış WebP değil, gerçek vektörleştirilmiş çizim olduğunu doğrulayın.

WebP şeffaflığı SVG'ye taşınır mı? Bunu koruyan dönüştürücü kullanırsanız taşınabilir. WebP şeffaflığı destekler; iyi vektörleştirme, istenmeyen dolgulu dikdörtgen oluşmaması için arka planı şeffaf tutar.

WebP biçimindeki fotoğrafı SVG'ye dönüştürebilir miyim? Yapabilirsiniz, ancak genellikle yapmamalısınız. Fotoğraflarda temiz şekillere dönüşemeyecek kadar çok ton ve renk geçişi vardır; sonuç posterize leke veya çok büyük dosya olur. Vektörleştirme logolar, simgeler ve illüstrasyonlar içindir.

Kaynaklar

  1. Google for Developers — Web için görüntü biçimi — WebP'nin kayıplı, kayıpsız ve alfa özelliklerinin resmî özeti.
  2. Google for Developers — WebP kapsayıcı belirtimi — Durağan görüntü, animasyon ve şeffaflık için biçim ayrıntıları.
  3. W3C — Scalable Vector Graphics (SVG) 2 — SVG'nin vektör grafik modelini tanımlayan standart.
  4. W3C — SVG'de gömülü içerik — SVG'nin, raster görüntüyü yollara dönüştürmeden içinde barındırabildiğini gösteren belirtim.

Ölçeklemeniz gereken bir WebP logo veya grafiğiniz mi var? Gerçek, düzenlenebilir SVG'ye dönüştürün, vektörleştirin, renkleri sadeleştirin ve saniyeler içinde indirin.

Bloga daha fazlası

PerfectVector

Görsel dosyanızı
düzenlenebilir SVG'ye dönüştürün

Kredi kartı gerekmez