PNG'den SVG'ye nasıl kullanılır
- 1
Bir resim bırakın
25 MB'a kadar PNG, JPG, WebP veya başka bir resim ekleyin. Logolar, simgeler, imzalar ve düz illüstrasyonlar en iyi sonucu verir.
- 2
Bir stil seçin
Siyah-beyaz, parlaklık eşiğinden tek renkli şekiller üretir; Renkli en fazla 32 renk kullanır; Ayrıntılı ise 64 renge kadar izin verir.
- 3
Yolları düzenleyin
Daha yuvarlak eğriler için Yumuşatma'yı artırın, lekeleri atmak için Gürültü filtresi'ni kullanın, Arka planı kaldır seçeneğini açıp kapatın.
- 4
SVG'yi kaydedin
Sonucu orijinalle karşılaştırın, ardından name.svg dosyasını indirin veya SVG kodunu projenize kopyalayın.
Sınırlar ve Pro
Her seferinde 25 MB'a kadar tek resim; en uzun kenarda en fazla 2.000 px ve en fazla 64 renkle izlenir.
Pro, 4 GB'a kadar kaynak resimleri kabul eder. Pro'yu gör
PNG'den SVG'ye hakkında
PNG'den SVG'ye aracı, piksel tabanlı bir resimdeki dış çizgileri izler ve bunları vektör yolları olarak yeniden oluşturur. Böylece sonuç, piksel görünmeden bir billboard boyutuna da bir favicon boyutuna da ölçeklenebilir. Resim önce median-cut nicemleyiciyle bir renk paletine, siyah-beyaz modunda ise tek bir şekil rengine indirgenir; ardından her renk bölgesinin çevresini imagetracerjs motoru çizer. SVG, her renk katmanı için bir path öğesi içerir, orijinal resmin genişlik ve yüksekliğini korur ve logoyu saydam yapmak için arka plan katmanını dışarıda bırakabilir.
Üç izleme çözünürlüğü hız ile ayrıntı arasında denge kurar: Hızlı en uzun kenarda 800 piksel, Dengeli 1.200, Yüksek ise 2.000 piksel üzerinde çalışır. Yumuşatma, her piksel basamağını izleyen Tam düzeyinden köşeleri sert biçimde yuvarlayan En yüksek düzeyine kadar uzanır; Gürültü filtresi ise 40 piksele kadar küçük adacıkları temizler. Önizlemenin altındaki istatistikler dosyadaki yol ve renk sayısını gösterir; bu, dosyanın ne kadar ağır olacağının iyi bir göstergesidir.
İyi adaylar arasında yalnızca PNG olarak duran bir şirket logosu, taranmış bir imza veya kaşe, vinil kesici ya da lazer gravür makinesi için kesim dosyası ve basit simgeler yer alır. Fotoğraflar uygun değildir: posterize görünür ve ayrıntılı bir fotoğraf, JPG'den daha büyük ve daha yavaş, birkaç megabaytlık bir SVG üretebilir. Renk geçişleri gözle görülür bantlara dönüşür, metin düzenlenebilir harfler yerine şekillere dönüşür ve çok ince çizgiler düşük çözünürlükte kopabilir.
Gizlilik
İzleme işlemi bu sekmedeki ayrı bir Web Worker'da çalışır: resim cihazınızda çözülür, imagetracerjs ile nicelenip çevrelenir ve SVG yerel olarak oluşturulur. İzleyici kodu, siz bir resim seçtikten sonra yalnızca bu siteden alınır. Ne resim ne de SVG yüklenir; sayfayı kapattığınızda hiçbir yerde saklanmaz.
Özellikler
Temiz vektör yolları
Her renk katmanı için tek kompakt yol; piksel görünmeden her boyuta ölçeklenir.
Üç stil
Logo ve imzalar için Siyah-beyaz, düz çizimler için Renkli, zengin illüstrasyonlar için Ayrıntılı.
Yumuşatma ve gürültü filtresi
İndirmeden önce tırtıklı basamakları yuvarlayın, küçük lekeleri atın.
Kodu kopyalayın
SVG kodunu doğrudan HTML'e, CSS'e veya bir tasarım aracına yapıştırın.