PerfectVector
Yazan Irene Kim

Kenar kalitesini koruyarak JPG'yi SVG'ye dönüştürme

JPG kayıplıdır; dikkatsiz vektörleştirme sıkıştırma gürültüsünü bozuk kenarlara dönüştürür. Temiz, ölçeklenebilir SVG elde etmeyi ve ne zaman kaçınmanız gerektiğini öğrenin.

6 dk okuma
Bu sayfada

Raster görüntüyü vektör geometrisine dönüştürerek JPG'den SVG elde edebilirsiniz. Sorun, yaygın JPEG kodlamasının kayıplı olmasıdır: sıkıştırma, vektörleştiricinin görüntü ayrıntısı sanabileceği blok sınırları, keskin kenarların çevresinde çınlama izleri ve başka kusurlar bırakabilir. (JPEG'ye genel bakış; ITU-T T.81 belirtimi) Bu yüzden yalnızca "JPG'yi nasıl dönüştürürüm?" değil, "JPG'den nasıl temiz SVG elde ederim?" diye sormak gerekir.

Bunu nasıl yapacağınızı, JPG'nin PNG'den neden daha fazla dikkat istediğini ve ne zaman hiç dönüştürmemeniz gerektiğini anlatalım.

Kısa özet
  • Elinizdeki en kaliteli JPG ile başlayın. Daha az sıkıştırma, daha temiz vektörleştirme sağlar.
  • Düz ve yüksek kontrastlı çizimler (logolar, simgeler, basit illüstrasyonlar) iyi dönüşür. Fotoğraflar dönüşmez.
  • Temiz, az düğümlü yollara vektörleştirin, ardından JPG sıkıştırmasının eklediği fazla renkleri birleştirin.
  • Sonucu kontrol edin: düzenlenebilir yollar, keskin kenarlar, makul renk sayısı.
  • JPG'den SVG'ye dönüştürücüyle hemen bir dosya dönüştürün.

JPG neden PNG'den daha zordur?

PNG, görüntü örneklerini kayıpsız saklayabilir; bu yüzden yeniden kaydetmek JPEG tarzı sıkıştırma kusurları oluşturmaz. JPG ise genellikle kesintisiz tonlu görüntülerde kullanılır ve dosya boyutunu azaltmak için görüntü bilgisini atabilir. Kalite ayarlarına ve kaynağa bağlı olarak bu sıkıştırma, orijinal düz tasarımda olmayan birbirine çok yakın renklerin yanı sıra blok kusurları ve kenarlarda hafif çınlama izleri olarak görünebilir. W3C PNG 3 belirtimine bakın.

JPG'yi vektörleştirdiğinizde araç bu kusurları gerçek ayrıntı sanabilir; bulanık kenarlar, başıboş benekler veya fazladan renkler üretebilir. Hem kaynak hem de vektörleştirme yöntemi sonucu etkiler. (PNG ile başlıyorsanız kalite kaybetmeden PNG'yi SVG'ye dönüştürme rehberine bakın. JPEG sıkıştırması sorunu dışında temeller aynıdır.) Modern web'de karşılaşacağınız üçüncü biçim olan WebP'nin kendine özgü bir dönüşüm özelliği vardır.

Neler iyi dönüşür, neler dönüşmez?

JPG bazı görüntülerde iyi, bazılarında kötü vektörleşir:

Uygun JPG adaylarıUygun olmayan JPG adayları
Logolar, simgeler, monogramlarFotoğraflar ve portreler
Düz, yüksek kontrastlı illüstrasyonlarRenk geçişleri, yumuşak gölgeler, parlamalar
Çizgi çalışmaları ve yazılarAşırı sıkıştırılmış / düşük çözünürlüklü dosyalar
Az sayıda düz renk içeren her şeyKalabalık, dokulu, çok renkli sahneler

JPG'niz sol sütundaysa dönüştürebilirsiniz. Fotoğrafsa veya yoğun renk geçişleri içeriyorsa vektörleştirme onu posterize lekelere dönüştürür. Raster tutun veya önce çizimi düz şekillerle yeniden oluşturun.

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

  1. Elinizdeki en iyi kaynakla başlayın. Kaliteli ve yüksek çözünürlüklü JPG, defalarca kaydedilip paylaşılan ve yeniden sıkıştırılan dosyadan çok daha iyi vektörleşir. Orijinal PNG veya vektörünüz varsa onu kullanın.
  2. Önce temizleyin (kötü durumdaysa). Çizime göre kırpın; sıkıştırma gürültüsü yoğunsa şekillerin arka plandan net ayrılması için kontrastı biraz artırın.
  3. Vektörleştirin. JPG'yi JPG'den SVG'ye dönüştürücüye bırakıp görüntüyü vektör yolları olarak yeniden oluşturmasını bekleyin. Her kusuru taklit eden yoğun sonuç yerine temiz, az düğümlü yolları hedefleyin.
  4. Renkleri sadeleştirin. JPG sıkıştırması neredeyse aynı renkler ekleyebilir. Bunları çiziminizin gerçekten kullandığı birkaç renge indirgeyerek birleştirin. Daha basit paleti incelemek ve düzenlemek daha kolaydır.
  5. İndirip kontrol edin (aşağıdaki kontrol listesine bakın).

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

JPG'de amaç, kasıtlı şekilleri sıkıştırma gürültüsünden ayırmaktır. PerfectVector görüntüyü vektör yolları olarak yeniden oluşturur; yerleşik renk düzenleyicisi, kaynağın veya vektörleştirmenin eklediği fazla renkleri birleştirmenizi sağlar. JPG'yi SVG'ye dönüştürüp yolları, düğüm sayısını ve paleti kendiniz inceleyebilirsiniz. İlk görüntülerinizi kredi kartı gerekmeden ücretsiz dönüştürün.

Önce
Görünür sıkıştırma kusurları ve kenar haleleri olan basit bir amblemin JPG'sinin, başıboş benekler içeren gürültülü SVG'ye dönüştürülmesi
Sıkıştırılmış JPG'nin doğrudan vektörleştirilmesi: gürültülü kenarlar, başıboş benekler, fazla renk.
Sonra
Aynı amblemin PerfectVector ile sadeleştirilmiş palete sahip temiz ve az düğümlü yollara dönüştürülmesi
Temiz yollar ve sadeleştirilmiş palet. Sıkıştırma gürültüsü giderildi.

Hızlı sonuç kontrolü. İyi bir JPG-SVG dönüşümünde şunlar bulunur:

  • JPG'nin .svg kapsayıcısına gömülmesi yerine düzenlenebilir yollar. SVG'nin <image> öğesi, raster içeriği yollara dönüştürmeden standartlara uygun biçimde gömebilir. W3C gömülü içerik belirtimine bakın.
  • Sıkıştırmadan kalan hale veya benek içermeyen keskin kenarlar.
  • Düşük düğüm sayısı: binlerce nokta değil, temiz eğriler (düğüm sayısının önemi hakkında daha fazlası).
  • Düzenli palet: sıkıştırmanın ekledikleri değil, yalnızca amaçladığınız renkler.

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

Vektörleştirme her JPG için doğru adım değildir:

  • Fotoğraflar, posterize lekelere dönüşür. Raster görüntü 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 kötü sıkıştırılmış dosyalar kurtarılamaz. Bulanık JPG, bulanık SVG'ye dönüşür. Daha iyi kaynak bulun veya çizimi yeniden yapın.

Genel kural her vektörleştirmede aynıdır: düz, illüstratif çizimlerde işe yarar, fotoğraflarda değil. (Konuya yeniyseniz görüntü vektörleştirme nedir? yazısıyla başlayın.)

Sık sorulan sorular

JPG'yi ücretsiz SVG'ye dönüştürebilir miyim? Evet. JPG'nizi dönüştürücüye 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 gömülmüş JPG değil, gerçek vektörleştirilmiş çizim (düzenlenebilir yollar) olduğunu doğrulayın.

JPG'm SVG'ye dönüştükten sonra neden bloklu veya dağınık görünüyor? JPG kayıplıdır; bu yüzden sıkıştırma kusurları ve kenar haleleri taşır. Vektörleştirme bunları da çiziminizle birlikte yakalar. Gürültüyü azaltmak için daha kaliteli JPG ile başlayın, kontrastı artırın ve temiz, az düğümlü yollara dönüştürün.

SVG'ye dönüştürmek için JPG mi, PNG mi daha iyidir? Kayıpsız PNG, sıkıştırma kusurları olmadığından daha temiz başlangıç sunar. Ancak düz ve yüksek kontrastlı çizimin kaliteli JPG'si de iyi dönüşür. Kaynak kalitesi, biçimden daha önemlidir.

JPG 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 renk geçişi ve ton vardır; sonuç posterize bir leke veya çok büyük dosya olur. Vektörleştirme logolar, simgeler ve illüstrasyonlar içindir.

JPG'yi renkli SVG'ye nasıl dönüştürürüm? Renkli vektörleştiren bir dönüştürücü kullanın, sonra sıkıştırmanın eklediği neredeyse aynı renkleri birleştirip yalnızca tasarımınızın ihtiyaç duyduğu birkaç rengi tutun. Daha az ve temiz renk, SVG'yi hafifletir ve düzenlemeyi kolaylaştırır.

Kaynaklar

  1. JPEG — JPEG 1 standardına genel bakış — JPEG durağan görüntü kodlama standardının ve yaygın kayıplı modunun resmî özeti.
  2. ITU-T — T.81 tavsiyesi — Sıkıştırma ve kod çözme davranışı için normatif JPEG belirtimi.
  3. W3C — Portable Network Graphics (PNG) belirtimi, üçüncü baskı — PNG'nin kayıpsız görüntü gösterimi ve alfa desteği için güncel standart.
  4. W3C — SVG'de gömülü içerik — Raster görüntünün vektör yollarına dönüşmeden SVG'ye nasıl gömülebildiğini gösteren standart.

Piksellerden kurtarmak istediğiniz bir JPG logo veya illüstrasyonunuz mu var? Temiz, ölçeklenebilir 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