Gerçek vektör yolları ve doğruluk bir sayı olarak geri gelir

Bu terimi aradığınızda bulduklarınızın çoğu aslında hiçbir şeyi vektörleştirmez. PNG dosyanızı alır, base64 olarak kodlar, bir SVG kabuğunun içine bir etiketiyle yerleştirir ve size geri verir. Sadece uzantı değişir; pikseller aynı kalır. Yakınlaştırdığınızda hâlâ PNG olduğu için bulanıklaşır ve Illustrator'da açtığınızda düzenleyecek hiçbir şey bulamazsınız. Kontrolü yapmak on saniye sürer: Dosyayı bir metin düzenleyicide açın. Eğer karşınızda bir base64 duvarı görüyorsanız, size sadece dosya adı değiştirilmiş bir dosya verilmiştir.

Bu araç gerçekten ne üretiyor?

Şekiller. İzleyici, görselinizdeki kenarları bulur ve bunları gerçek SVG yol (path) elemanları olarak, renge göre gruplayarak yazar. Böylece sonucu istediğiniz kadar büyütebilir ve Illustrator, Figma veya Inkscape'te her eğriyi düzenleyebilirsiniz. 267 x 87 piksel boyutunda iki renkli bir logoda, çıktı 8 yol elemanı içerdi, dosyada hiçbir yerde base64 yoktu ve iki kaynak renk tam olarak kendi hex değerleriyle korundu. SVG'nin boyutu da 267 x 87 olarak ayarlandı, böylece geldiği PNG'nin doğrudan yerine sayfaya eklenebilir.

Doğruluk tahmin değil, ölçümdür

Her sonuç bir doğruluk puanıyla gelir ve bu bir tahmin değildir. Bitmiş SVG'niz tekrar piksellere dönüştürülür ve orijinal görselinizle piksel piksel karşılaştırılır; çıkan yüzdeyi görürsünüz. İki renkli logo 99,5 puan aldı. Kabul testlerinde her düz dosya 99 ve üzeri puan alıyor, üçü tam olarak 100,0 ile izleniyor. Gerçek bir üretim logosu, şeffaf zemin üzerinde beyaz ve kırmızı bir yazı, 3 renk katmanı ve 19 yol içeren 9,5 KB'lık bir dosyada 99,7 ile izleniyor.

İzlenen logolar neden genellikle yanlış görünür ve burada ne yapılıyor?

Anti-aliasing, çoğu izleyicinin her harfin etrafında benekli bir hale üretmesinin sebebidir. Bir kenar boyunca oluşan yumuşak tonlar tasarımın renkleri değildir, bulanıklıktır ve bunları renk olarak algılayan bir izleyici bulanıklığı da izler. Burada renkler, görselinizin kendi çözünürlüğünde tespit edilir; bu nedenle o tonlar kenar bulanıklığı olarak tanınır ve şekle dönüştürülmek yerine yok sayılır. Diğer klasik hata ise, bitişik renkler arasında oluşan ve sanat eserinin içinden geçen ince açık çizgiler olarak görülen saç teli inceliğinde boşluklardır. Renk katmanları üst üste bindirilerek oluşturulur, böylece bu boşluklar oluşamaz.

Şeffaflık ve genellikle sonucu bozan dış hat

Yarıdan az opaklıktaki pikseller arka plan olarak kabul edilir ve izlenen hiçbir şekle dahil edilmez, böylece SVG'niz PNG'nizde olduğu gibi şeffaf kalır. Daha zor olan ise saçak: Çoğu izleyicinin şeffaf bir logonun etrafında bıraktığı, beyazda görünmeyen ama logo koyu bir sayfaya yerleştiğinde hemen ortaya çıkan bir piksel kalınlığında arka plan rengi halkası. Burada bu sorun trapping tekniğiyle çözülür; baskıdan alınan bir yöntemdir. Her renk katmanı, sadece şeffaflıkla sınır komşusu olan şeritte bir piksel genişletilir, böylece saçak kapatılır ama sanat eserinin içindeki kenarlar hareket etmez.

Küçük ve hafif bulanık olan, en sık rastlanan durumdur

Vektör versiyon isteyen çoğu kişinin elinde temiz bir ana dosya yoktur. Yıllar önce birinin dışa aktardığı küçük bir PNG vardır. Motor tam olarak bu girdiye göre ayarlanmıştır: Küçük, anti-aliasing uygulanmış bir görsel izlenmeden önce büyütülür, böylece izleyici kenarların gerçekte nereden geçtiğini alt piksel düzeyinde algılar ve eğriler tasarımcının çizdiği şekilleri takip eder, küçük dosyanın basamaklarını değil. 267 piksellik logo 1024 piksel genişliğinde izlenmiştir ve sonuçta bu bilgi belirtilir. Gerçek sınır şudur: İzleme, sadece piksellerin hâlâ gösterdiği ayrıntıyı geri getirebilir. 30 piksellik bir favicon kendi eğrileri hakkında çok az bilgi taşır ve hiç kimse kaydedilmemiş ayrıntıyı icat edemez.

Fotoğraflar çalışır ve araç bunun uygun olmadığını söyler

Bir fotoğrafta yeniden keşfedilecek şekiller yoktur. Sürekli tonludur, bu nedenle izleme postere benzer bir yaklaşım üretir: Sanatsal bir tarz olarak ilginç, kopya olarak yanlış. Ölçüm bunu gizlemeyi imkansız kılar. Sürekli tonlu bir test görseli yüzde 95,4 ile döndü, düz logo ise 99,5 aldı; logoda 2 renk katmanı ve 8 yol varken, fotoğrafta 16 katman ve 9.899 yol vardı. Sonuç ayrıca görselin sürekli tonlu olduğunu ve PNG'nin sadık format olarak kalması gerektiğini belirten bir not içerir. Bilerek poster tarzı bir görünüm istiyorsanız, renk sayısını kendiniz belirleyin ve sonucu alın.

Renkler veya saf siyah-beyaz

Varsayılan olarak palet tasarımınızdan otomatik olarak algılanır; böylece iki renkli bir logo, iki katman halinde temiz şekilde izlenir, anti-aliasing tonları renkmiş gibi eklenmez ve daha zengin eserlerde 16'ya kadar katman korunur. Renk sayısını 2 ile 32 arasında kendiniz belirleyebilirsiniz: Daha azı daha temiz, daha stilize bir sonuç; daha fazlası ise renge daha yakın bir eşleşme sağlar. Tarama imzalar, damgalar ve çizgi sanatları için, eşiğini görselin kendi histogramından otomatik olarak seçen veya sizin 1 ile 254 arasında bir değer girebileceğiniz ayrı bir siyah-beyaz modu vardır; sonuçta şeffaflık üzerinde tek bir net siyah çizim elde edersiniz.

Dosyalarınıza ne olur?

Birden fazla görsel aynı ayarlarla izlenir ve orijinal dosya adlarıyla bir ZIP dosyası olarak geri gelir. Dosyalar şifreli bir bağlantı üzerinden aktarılır ve sonuç hazırlandıktan bir saat sonra sunucudan silinir.

Ne elde edersiniz?

• Her renge göre gruplanmış, herhangi bir vektör programında düzenlenebilen gerçek SVG yol elemanları
• Her dosyada iddia değil, ölçülmüş bir doğruluk yüzdesi
• Anti-aliasing izlenip benekli hale dönüşmek yerine ortadan kaldırılır
• Şeffaflık korunur, bir piksel arka plan saçağı trapping ile kaldırılır
• Otomatik palet algılama, ayarlanabilir renk sayısı ve çizgi sanatı için siyah-beyaz modu
• Hesap gerekmez, filigran yok ve dosyalar bir saat sonra sunucudan silinir

Sırada ne var?

Diğer yöne gitmeniz ve bir vektörü yükleme formu veya e-posta için tekrar piksellere dönüştürmeniz mi gerekiyor? SVG'den PNG'ye dönüştürme istediğiniz boyutta çıktı verir. İzlenen dosyayı göndermeden önce, SVG Sıkıştır editör kalıntılarını temizler ve PNG Sıkıştır orijinal raster dosyanızı da işler.