SVG'de neden çok fazla düğüm var ve nasıl azaltılır
Daha az düğüm; daha yumuşak eğri, daha küçük dosya ve daha temiz kesim demektir.
Bir SVG'de çok fazla düğüm olması, vektörleştiricinin tek bir yumuşak eğri çizmek yerine kenar boyunca her piksel basamağını takip ettiği anlamına gelir. Dört ya da sekiz düğüm yetecek bir daire altmış düğümle çıkar. Dosya ağırlaşır, düzenlemek eziyete döner, kesim plotterları ve lazerler de minik parçalarda yavaşlar ve takılır.
Çözüm, yumuşak eğrileri öne alan ayarlarla yeniden vektörleştirmektir: daha az düğüm, daha düz eğriler, daha az renk ve benek yok. Mevcut bir SVG'yi sonradan sadeleştirmek de işe yarar, ama köşeleri yuvarlama ve kenarları kaydırma eğilimindedir. Aşağıya bir görsel bırak ve vektörleştirmenin kaç düğüm kullandığını görmek için Yolları ve düğümleri göster'i aç.
Kendi görselinle dene
Az düğümlü, yumuşak SVG
Düğüm nedir ve sayısı neden önemlidir
SVG'deki bir yol, parçalardan oluşan bir zincirdir: düz çizgiler ve eğriler. Bir parçanın bittiği ve diğerinin başladığı her nokta bir düğümdür (bazı programlar buna bağlantı noktası der). İyi bir vektörleştirme düğümleri yalnızca şeklin yön değiştirdiği yerlere koyar ve gerisini eğrilere bırakır.
- Düzenleme: her düğüm, sürüklemek zorunda kalabileceğin bir şeydir. Birkaç yüz düğümlü bir logoyu düzeltmek kolaydır; binlerce düğümlü birini değil.
- Kesim ve gravür: makineler düğümden düğüme ilerler. Yüzlerce minik parça bıçağın ya da lazer kafasının sarsılmasına, kenarın pürüzlü kalmasına ve işin uzamasına yol açar.
- Dosya boyutu: daha çok düğüm, daha büyük dosya. Bu, web ikonları ve yükleme sınırı olan pazaryerleri için önemlidir.
- Görünüm: çok sayıda kısa parçaya bölünmüş bir eğri, tasarım büyütüldüğünde fark edilen küçük dalgalanmalar gösterir.
Otomatik vektörleştirilen SVG'lerde neden bu kadar çok düğüm olur
- Küçük ya da düşük çözünürlüklü kaynak: küçük boyutta kavisli bir kenar pikselden bir merdivendir ve vektörleştirici basamakları takip eder.
- JPG sıkıştırması ve gürültü: lekeli kenarlar ve benekli alanlar, her birinin kendi düğümleri olan düzinelerce minik şekle dönüşür.
- Çok fazla renk: geçişler ve yumuşatılmış kenarlar ince bantlara bölünür ve her bant ayrı bir kontur olur.
- Doğruluğu öne alan ayarlar: her pikseli saran bir vektörleştirme, her piksel basamağını bir düğüm olarak korur.
Adım adım: daha az düğümlü, yumuşak bir vektörleştirme
- Elindeki en büyük, en temiz görselle başla. Net bir PNG, küçük ve sıkıştırılmış bir JPG'den daha az düğümle vektörleşir.
- Görseli yukarıdaki dönüştürücüde aç ve sonuçtaki düğümleri görmek için Yolları ve düğümleri göster'i aç.
- Renkler bölümünde Palet ile yalnızca tasarımda gerçekten olan kadar renk ayarla. Sıkıştırmadan kalan tonlar böylece fazladan şekil olmak yerine en yakın renge katılır.
- Şekiller bölümünde benekleri atmak için Min. şekil boyutu'nu artır, küçük detaylar gerekmiyorsa Karmaşıklık'ı Daha az şekil yönüne kaydır.
- Yollar bölümünde Düğümler'i Daha az düğüm, Yumuşaklık'ı Daha düz eğriler yönüne kaydır. Logolarda ve yazılarda sivri uçlar keskin kalsın diye Keskin köşeler'i açık tut.
- Karşılaştır görünümünde orijinalle kıyasla, sonra SVG olarak İndir.
Mevcut bir SVG'yi Inkscape ya da Illustrator'da sadeleştirmek
Elinde orijinal görsel değil sadece SVG varsa, iki ana düzenleyici de seçtiğin yollarda düğümleri azaltabilir. Inkscape'te bu Path > Simplify komutudur. Illustrator'da Object > Path > Simplify (Türkçe arayüzde Nesne > Yol > Basitleştir); ne kadar ileri gideceğini belirleyen bir kaydırıcısı vardır.
Sadeleştirme zaten var olan eğriler üzerinde çalışır; gerçek bir köşeyi piksel basamağından ayıramaz. Köşeleri yuvarlama, ince kısımları inceltme ve benekleri yerinde bırakma eğilimindedir. Onu nazikçe, azar azar kullan. Kaynak görsel hâlâ elindeyse daha yumuşak ayarlarla yeniden vektörleştirmek, gürültülü bir vektörleştirmeyi sadeleştirmekten genellikle daha temiz sonuç verir.
Kaç düğüm normaldir?
Tasarıma bağlıdır, sabit bir sayı yoktur. Referans olarak: 30 logo, bayrak, emoji, ikon ve çizgi çizimden oluşan karşılaştırma testimizde Shapesoda'nın varsayılan ayarları görsel başına medyan 96 düğüm (ortalama 174) üretti. Test ettiğimiz diğer araçların aynı görseller için medyanı 156 ile 406 düğüm arasındaydı. Basit bir ikon binlerce değil düzinelerce düğüm gerektirmeli; iki renkli bir logo birkaç bin düğümle geliyorsa vektörleştirme pikselleri takip ediyordur.
Kesim plotterları ve lazerler için daha az düğüm
Cricut, Silhouette ya da lazerde düğüm sayısı bitmiş parçada kendini gösterir. Yüzlerce minik parça boyunca sürüklenen bir bıçak her dönüşte ince folyoyu yırtabilir; sürekli yavaşlayıp hızlanan bir lazer de yavaşladığı yerlerde daha koyu izler bırakabilir. Dosyayı makineye göndermeden önce Yolları ve düğümleri göster ile aç ve keseceğin eğrilere bak. İstediğin şey, düğümleri aralıklı dağılmış uzun, düzgün eğrilerdir. Hafif bir eğri üzerinde kümelenmiş düğümler, daha az düğümle yeniden vektörleştirmen gerektiğinin işaretidir. DXF özel bir durumdur: eğriler kısa düz çizgi zincirleri olarak kaydedilir. DXF eğrileri seçeneği bunların sayısını belirler: hafif bir dosya için Az çizgi (hafif), eğrilerin kusursuz yuvarlak görünmesi gerektiğinde Çok çizgi (yumuşak).
Gürültülü vektörleştirmenin diğer işaretleri
- Tek bir düz alan olması gereken yerde yüzlerce minik şekil: Palet'te daha az renk kullan ya da Min. şekil boyutu'nu artır.
- Renkler arasında ince şeritler: baskı ve web için şekilleri Üst üste (boşluksuz) yap.
- Lazer yazılımında çift çizgi: LightBurn Trace Image sorunları rehberine bak.
- Illustrator ya da Inkscape vektörleştirmesinden kaba sonuçlar: Görüntü İzleme çalışmıyor ve Inkscape Trace Bitmap ayarları rehberlerine bak.
Sadece dönüştürücü mü lazım? Görselden SVG'ye, Rasterden vektöre ya da İkondan SVG'ye sayfasını kullan.
