PNG'ye SVG Vektörleştirici
Raster PNG/JPG görüntülerini ölçeklenebilir Vektör SVG grafiklerine dönüştürün. Güvenli, hızlı ve tamamen tarayıcınızda işlenir.
PNG/JPG'yi buraya sürükleyip bırakın
50 MB'a kadar destekler
Raster PNG/JPG görüntülerini ölçeklenebilir Vektör SVG grafiklerine dönüştürün. Güvenli, hızlı ve tamamen tarayıcınızda işlenir.
50 MB'a kadar destekler
PNG'yi SVG'ye dönüştürmek temelde bir izleme işlemidir, format değişikliği değil. PNG pikselleri saklar; SVG geometrik temelleri saklar. Piksel ızgarasından ölçeklenebilir vektör yollarına geçmek, bitmap'in yorumlanmasını ve benzer renkteki bölgeler etrafında yaklaşık şekiller çizilmesini gerektirir. Sonuç gerçekten ölçeklenebilir - pikselleşme olmadan serbestçe yeniden boyutlandırabilirsiniz - ancak kaynağın mükemmel bir kopyası değildir. Fotoğraf içeriğinin takibi zayıf çünkü piksel düzeyindeki her renk değişimi bir şekle dönüşüyor ve amacı boşa çıkaran devasa SVG'ler üretiyor. Logolar, simgeler, çizimler ve yüksek kontrastlı grafikler, iyi tanımlanmış sınırlara sahip az sayıda renk bölgesine sahip oldukları için temiz bir şekilde izlenir.
Bu dönüştürücü, potrace'a benzer vektör izleme algoritmalarının bir JavaScript bağlantı noktası olan imagetracerjs kitaplığını kullanır. PNG'nin kodu bir RGBA bitmap halinde çözülür, bitmap yapılandırılabilir bir palet kullanılarak renk bölgelerine bölünür, her bölgenin sınırı bir yol şeklinde izlenir, yollar Bezier yaklaşımı kullanılarak basitleştirilir ve elde edilen yollar SVG yol öğeleri olarak yayınlanır. İşlem hattının tamamı tarayıcınızda herhangi bir sunucu yüklemesi olmadan çalışır.
İzleme parametreleri, aslına uygunluk ve dosya boyutu arasındaki dengeyi kontrol eder. Daha fazla renk ve daha ince ayrıntılar, kaynağa daha yakın eşleşen daha büyük bir SVG üretir; daha az renk ve daha kaba izleme, daha stilize bir his veren daha küçük bir SVG üretir. Varsayılanlar logolar ve simgeler için ayarlanmıştır; karmaşık görüntüler, ayarlanmış ayarlara sahip bir izleme geçişinden faydalanabilir veya vektörizasyon için iyi bir aday olmayabilir.
PNG'yi vektörleştirmek, görüntüyü orijinal çözünürlüğünün ötesinde ölçeklendirmeniz gerektiğinde en kullanışlıdır. Özellikle logolar genellikle mütevazı boyutta PNG'ler olarak gelir ve reklam panolarında, retina ekranlarında ve geniş format baskılarda net görünmesi gerekir. Vektör izi, kalite kaybı olmadan ölçeklenen bir SVG üretir; değiş tokuş, orijinal piksellere sadakattir.
SVG ayrıca az renkli ve geniş düz bölgelere sahip grafikler için PNG'den çok daha kompakttır. 256×256 boyutundaki bir PNG simgesi 8 KB olabilir; iki veya üç renkli eşdeğer SVG genellikle 1 KB'nin altındadır. Bir web ön ucuna gönderilen kullanıcı arayüzü simge kitaplıkları için vektör sürümleri, paket boyutunu azaltır ve tüm ekran yoğunluklarında keskinliği artırır.
Bir PNG bırakın, izleme ayarlarını seçin, bir SVG oluşturun.
imagetracerjs çok aşamalı bir ardışık düzen uygular: renk nicelemesi, k-ortalama kümeleme veya medyan kesim kullanarak bitmap'i sabit sayıda renge azaltır; kenar algılama, bölgeler arasındaki piksel sınırlarını tanımlar; kontur izleme, kapalı çokgenler oluşturmak için sınırları takip eder; çizgi ve eğri uydurma, yol verilerini azaltmak için çokgenleri Bezier eğrileriyle yakınlaştırır.
En önemli algoritma parametreleri renk sayısı (tipik: 4-32), pathomit (bu kadar pikselden daha kısa yollar gürültü olarak atılır), ltres (çizgi toleransı - bir kenarın yeni bir parçaya bölünmeden önce ne kadar sapabileceği) ve qtres (ikinci dereceden eğri toleransı - eğrilerin ne kadar agresif bir şekilde yumuşatıldığı). Varsayılanlar logolar için iyi çalışır; karmaşık görüntüler, görüntü başına ayarlamadan yararlanır.
Çıktı, yol öğeleriyle birlikte standart SVG 1.1'dir. Her renk bölgesi, dolgu özelliğine sahip bir yol haline gelir. Ortaya çıkan dosya herhangi bir tarayıcıda, vektör düzenleyicide veya SVG uyumlu tasarım aracında açılır. Dosya boyutu öncelikle yol sayısına ve düğüm yoğunluğuna bağlıdır; tipik bir izlenen logo 1-10 KB'dir.