PNG'den SVG'ye vektörleştirici

Bu araç, piksel tabanlı bir görseli renkli şekillerden oluşan bir SVG’ye çevirir. Bir PNG (ya da JPEG, WebP, GIF, BMP veya AVIF dosyası) bırakın, sonuç orijinalin yanında belirsin. SVG kodunu kopyalayabilir ya da .svg dosyası olarak indirebilirsiniz.

Ayarlar ne işe yarıyor?

Dört hazır ayar, vtracer’ın kendi demo galerisindeki değerleri taşır. Varsayılan, o demonun kontrolleri açıldığında geldiği hâldir. S/B aynısıdır, sadece iki tonlu izleme açıktır; bu çizgi çalışmaları, imzalar ve şablonlar için uygundur. Poster, benek filtresini yükseltir ve yeni bir katmanın başlaması için renkler arasındaki farkı genişletir, böylece düz grafikler daha az ve daha büyük şekille çıkar. Fotoğraf daha da sıkı filtreler, en fazla renk detayını korur ve köşe eşiğini en üst düzeye çeker, böylece neredeyse her dönüş yumuşak bir eğriye dönüşür. Herhangi bir tekil kontrole dokunduğunuzda hazır ayar Özel’e geçer.

Hazır ayarların altında tekil kontroller bulunur. Eğri stili, piksel (köşeli hatlar, yumuşatma yok), poligon (düz parçalar) ve eğri (yumuşak kavisler) arasında seçim yapmanızı sağlar. Benek filtresi, belirlediğiniz boyuttan küçük her lekeyi atar; bir JPEG’deki gürültüyü temizlemenin yolu budur. Renk hassasiyeti, kanal başına kaç bitin hayatta kalacağını belirler, katman farkı ise izleyicinin yeni bir katmana geçmesi için iki rengin ne kadar birbirinden uzaklaşması gerektiğini ayarlar. Katmanlar üst üste yığılabilir ya da birbirinden çıkarılabilir. Eğri uydurma grubu (köşe eşiği, parça uzunluğu, birleştirme eşiği, azami yineleme) yalnızca poligon ve eğri izlemede geçerlidir, piksel modunda görünmez.

Görselim bir yere yükleniyor mu?

Hayır. İzleme işlemi tarayıcınızda WebAssembly üzerinden, sayfanın çalışırken tepkisiz kalmaması için arka planda bir worker içinde yapılır. Görseliniz bir canvas’a okunur, o worker’a aktarılır, ortaya çıkan kod doğrudan önizlemeye gider. Hiçbir şey cihazınızdan çıkmaz, sekmeyi kapattığınızda hiçbir kopya kalmaz.

Bir fotoğraf neden dev boyutlu bir dosya üretiyor?

İzleme, benzer renkteki bölgeleri arar, bu yüzden yumuşak geçişli bir fotoğraf binlerce üst üste binen şekle dönüşür. Çıktı hantal görünüyorsa benek filtresini yükseltin, renk hassasiyetini düşürün ve katman farkını artırın. Vektörleştirme, zaten düz renk alanlarına sahip görsellerde en iyi sonucu verir.

Bunu yapmanın genel sebepleri arasında yalnızca bit eşlem olarak elinizde bulunan bir logoyu ölçeklendirmek, taranmış bir çizimi bir kesim makinesinin veya lazerin takip edebileceği bir şeye dönüştürmek ya da her boyutta keskin kalan bir grafik formatı elde etmek sayılabilir. İzleme, orijinal çalışmayı geri getirmez, şekiller üzerine bir tahmin yürütür, o yüzden ayarları biraz oynatmanız gerekebilir. Formatın kendisi için MDN’nin SVG belgelerine bakabilirsiniz. İzleyici, WebAssembly’ye derlenmiş VTracer’dır.