Raster piksellerden vektör yollarına
PNG, JPEG, JPG, WebP, AVIF ve BMP dosyaları bir piksel ızgarası saklar. SVG; uyumlu yazılımların farklı boyutlarda yeniden çizebileceği şekilleri, dolguları ve koordinatları saklar. Vektörleştirme komşu pikselleri analiz eder, görsel bölgeleri gruplar, sınırlarını takip eder ve bu sınırları vektör yollarıyla yaklaşık olarak oluşturur.
Bir dosyanın adını değiştirmek veya bitmap’i SVG kapsayıcısına yerleştirmek bu yeniden oluşturmayı gerçekleştirmez. VectorizeThis, görünür kaynaktan gerçek SVG geometrisi üretir.
İşleme tarayıcıda kalır
Desteklenen görüntüler kullanıcının cihazında çözülür, izlenir, değerlendirilir ve hazırlanır. Normal dönüştürme iş akışı kaynak görüntü baytlarını bir dönüştürme sunucusuna yüklemez. Öncelikle yerel çalışan bu tasarım, her ayarlamada sunucuya gidiş dönüş beklemeden birden fazla olası sonucu karşılaştırmayı da kolaylaştırır.
İzleme adayları karşılaştırılır
Her görüntüde kazanan tek bir izleme yapılandırması yoktur. Düz renkli bir simge ile bir fotoğraf farklı bilgiler içerir; kesim dosyasının gereksinimleri de bir web illüstrasyonundan farklıdır.
Çizimler için altı tek renkli yöntem veya desteklenen en fazla dört palet profiline dağıtılmış 10, 16, 18 ya da 20 renkli aday karşılaştırılır. Birden fazla yararlı sonuç kaldığında önce bir palet, ardından bir SVG seçersiniz. Fotoğraf ve Karmaşık illüstrasyon kendi özel optimizasyon araçlarını korur. Üretim iş akışlarında fiziksel boyutlar ve geometri kontrolleri korunur; SVGO devre dışıdır. Otomatik seçim belgeleri iş akışını açıklar.
Bu nedenle “en iyi sonuç”, o görüntü ve kullanım amacı için en güçlü genel dengeyi sunan adaydır. Yalnızca en yüksek piksel benzerliği puanına veya en küçük dosyaya sahip aday anlamına gelmez.
Kullanım amacı öncelikleri değiştirir
- Web, logolar ve simgeler için düzenli görünüm, düzenlenebilir renkler ve verimli kod öne çıkar.
- Fotoğraflar ve karmaşık illüstrasyonlar daha fazla renk ve ayrıntıyı korur; bu da daha fazla yol gerektirebilir.
- Cricut, vinil, lazer ve CNC iş akışları pratik geometriye, kapalı bölgelere, anlamlı fiziksel boyutlandırmaya ve üretilmesi zor olabilecek şekillerle ilgili uyarılara daha fazla ağırlık verir.
- Otomatik kullanım, hedef henüz bilinmediğinde genel görsel sadakat ile yönetilebilir çıktı arasında denge kurar.
Üretim kontrolleri olası sorunları belirleyebilir; ancak her makineyi, malzemeyi, bıçağı, kesim payını, içe aktarma ayarını veya uygulamaya özgü kuralı hesaba katamaz.
Çıktı standartlaştırılır ve kontrol edilir
İzlemeden sonra VectorizeThis, SVG’yi tarayıcı ve düzenleyici uyumluluğu için hazırlar, gereksiz kodu kaldırır ve seçilen çıktı seçeneklerini uygular. Yeniden renklendirme için küçük bir palet sunabilir, currentColor kullanabilir, algılanan arka planı kaldırabilir, anlamlı içeriğe kırpabilir ve istendiğinde kodu biçimlendirebilir.
Sonuç ayrıca aşırı karmaşıklık, küçük adacıklar, açık yollar ve seçilen iş akışıyla ilgili diğer durumlar açısından kontrol edilebilir. Uyarı, incelenecek bir bilgidir; dosyanın başarısız olacağının kanıtı değildir.
Otomatik izlemenin sınırları vardır
Belirgin kenarlara sahip, yeterli boyuttaki net çizimler genellikle daha basit ve kaynağa daha sadık yollar üretir. Gürültü, JPEG sıkıştırma izleri, bulanıklık, renk geçişleri, şeffaflık, ince dokular ve örtüşen renkler yorumlama gerektirebilir. İzlenmiş bir SVG, kaynakta bulunmayan ayrıntıyı geri getiremez ve orijinal tasarımcının oluşturma tercihlerini yeniden üretmeyebilir.
Yan yana önizleme ve elle ayarlama denetimleri, kullanıcının görsel değerlendirmesi önemini koruduğu için vardır. Üretime geçmeden önce üretim dosyalarını hedef yazılım ve malzemede test edin.
Değişiklikler nasıl test edilir?
İzleme ve sıralama mantığındaki değişiklikler; simgeler, logolar, çizgi çizimleri, çok renkli görüntüler, düşük çözünürlüklü kaynaklar, fotoğraflar ve üretim odaklı örnekleri kapsayan temsili görüntülerle test edilir. Otomatik testler önemli tarayıcı davranışını ve çıktı kurallarını korurken karşılaştırmalı ölçümler dağıtımdan önce kalite gerilemelerini belirlemeye yardımcı olur.
Teknik içeriğimiz nasıl hazırlanır?
VectorizeThis’teki teknik açıklamalar; dönüştürücünün gerçek davranışına, temsili kaynak görüntülerle yapılan testlere ve W3C SVG belirtimi gibi birincil standartlara dayanır. Dönüştürücünün davranışı önemli ölçüde değiştiğinde sayfalar gözden geçirilir.
VectorizeThis’i Maxime Desrosiers geliştirdi. Beklendiği gibi davranmayan bir çıktıyı bildirmek için dönüştürücüdeki Geri bildirim gönder seçeneğini kullanın veya İletişim sayfasını ziyaret edin.