Ücretsiz Dönüştürücü

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

Veya

Bu araç hakkında

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.

Neden PNG'yi SVG'ye Dönüştürmelisiniz?

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.

Nasıl kullanılır

Bir PNG bırakın, izleme ayarlarını seçin, bir SVG oluşturun.

  1. PNG'nizi yükleyin: Dosyayı yükleme alanına sürükleyin veya göz atmak için tıklayın. En iyi sonuçlar, keskin kenarlara ve az sayıda farklı renge (logolar, simgeler, çizimler, basit resimler) sahip PNG'lerden gelir. Fotoğraflar zayıf şekilde izleniyor ve büyük SVG'ler üretiyor.
  2. Gerekirse izleme seçeneklerini ayarlayın: Renk sayımı çıktıda kaç farklı rengin görüneceğini kontrol eder. Yol basitleştirme (aynı zamanda ltres veya qtres olarak da adlandırılır), algoritmanın köşeleri ne kadar agresif bir şekilde düzelttiğini kontrol eder. Daha yüksek hassasiyet, kaynağa daha yakın ancak daha fazla yol verisine sahip SVG'ler üretir.
  3. İzleme ve önizleme: Imagetracerjs algoritması renk niceleme, kenar algılama, kontur izleme ve Bezier uydurma yoluyla çalışır. Görüntü boyutuna ve renk sayısına göre izleme süresi ölçekleri. 256×256 boyutlarında, 4 renkten oluşan izlerin saniyeden kısa sürede logoya ulaşması; 16 renkli 1024×1024 görüntü birkaç saniye sürebilir.
  4. SVG'yi indirin: SVG'yi cihazınıza kaydedin. Dosya, yol öğelerini içeren XML işaretlemesini içerir; sonucu incelemek veya elle ayarlamak için herhangi bir metin düzenleyicide açabilirsiniz.

Yaygın Kullanım Durumları

Teknik Detaylar

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.

En İyi Uygulamalar

Sık sorulan sorular

SVG çıktısı gerçek bir vektör dosyası mı olacak?
Araç, vektör yolları oluşturmak için taramalı görüntüyü izler. Sonuçlar basit grafikler, logolar ve çizgi resimlerle en iyi sonucu verir. Fotoğraflar karmaşık yollar oluşturacaktır ve beklendiği gibi görünmeyebilir.
SVG'yi diğer resim formatlarından farklı kılan nedir?
SVG bir vektör formatıdır; görüntüler piksel yerine matematiksel şekiller olarak tanımlanır. Bu, SVG dosyalarının kalite kaybı olmadan herhangi bir boyuta ölçeklenebileceği ve genellikle logo ve simgeler gibi grafiklere yönelik raster görüntülerden çok daha küçük olduğu anlamına gelir.
Dikkat edilmesi gereken herhangi bir sınırlama var mı?
50 MB'a kadar dosyalar desteklenir. Çok büyük veya karmaşık dosyaların işlenmesi daha uzun sürebilir. Tüm dönüşümler tarayıcınızda gerçekleşir, dolayısıyla işlem hızı cihazınıza bağlıdır.
Resimlerim dönüştürme sırasında gizli tutuluyor mu?
Evet. PNG dosyalarınız Canvas API ve JavaScript kullanılarak tamamen tarayıcınızda işlenir. Herhangi bir sunucuya hiçbir şey yüklenmez; dosya doğrudan cihazınızdan dönüştürücüye ve tekrar cihazınıza gider.
İz Illustrator veya Inkscape'te düzenlenebilir mi?
Evet. Çıktı, yol öğeleriyle birlikte standart SVG'dir. Hem Illustrator hem de Inkscape onu yerel olarak açar ve yolları düzenlemenize, renkleri değiştirmenize ve sonucu hassaslaştırmanıza olanak tanır.
PNG'm bir sunucuya mı yüklendi?
Hayır. İzleme, tarayıcınızda imagetracerjs kullanılarak gerçekleşir. Dosya cihazınızdan ayrılmıyor.
SVG dosyam neden çok büyük?
Genellikle kaynak görüntünün çok fazla rengi veya çok fazla ince detayı olması nedeniyle. Renk sayısını azaltmayı, yol basitleştirmeyi artırmayı veya daha temiz geometriye sahip farklı bir kaynak görüntü kullanmayı deneyin.
PNG'yi şeffaflıkla izleyebilir miyim?
Evet. Saydam pikseller, SVG'de yolu olmayan alanlar haline gelir. SVG herhangi bir arka plan renginde oluşturulduğunda şeffaf arka plan korunur.