PNG'den SVG'ye - Geri Döndürme Değil, İzleme
Hiçbir şey bir PNG'yi geldiği vektör dosyasına geri çeviremez. O bilgi, görsel piksele dönüştürüldüğü anda yok olur ve hiçbir araç onu geri getirmez. İzlemenin yaptığı şey bambaşkadır ve başlamadan önce anlamaya değer: pikselere bakar, onları benzer renkli düz bölgelere ayırır ve her bölgenin çevresine bir dış çizgi çizer. Bir logoda bu neredeyse kusursuzdur, çünkü bir logo gerçekten bir avuç düz biçimden ibarettir. Bir fotoğrafta ise bir felakettir ve bu sayfa size bunun tam olarak ne boyutta bir felaket olduğunu gösterir. Aşağıdaki her rakam bu araçla ölçüldü. İzleme tümüyle tarayıcınızda çalışır - görsel hiç yüklenmez - ve yaptığımız en yavaş iş olduğu için gerçek ilerleme bildirir ve dilediğiniz anda durdurabilirsiniz.
Bu araç nasıl kullanılır
PNG dosyanızı bırakın
Bir dosyayı yukarıdaki kutuya sürükleyin ya da tıklayıp seçin, 20 MB'a kadar. Dosya uzantısına göre değil içeriğine göre denetlenir. Bir kenarı 4000 pikselden uzun olan her şey önce küçültülür, çünkü izleme maliyeti piksel sayısından daha hızlı büyür.
Renk sayısını ayarlayın
Asıl önemli denetim budur. İki renk temiz, iki tonlu bir izleme verir; siyah bir logo için idealdir. Altı ile sekiz arası düz çizimlere uyar. Her fazladan renk yol ve bayt ekler; bu yüzden düşükten başlayın ve önizleme iyileşmeyi bırakana dek yükseltin.
Yumuşatmayı ve en küçük alanı ayarlayın
Yumuşatma, bir eğrinin sade kalabilmek için pikselden ne kadar uzaklaşabileceğini denetler - yüksek olan daha yumuşak ve daha küçüktür, fazla yükseği köşeleri yuvarlar. En küçük alan ise bir piksel sayısının altındaki bölgeleri atar ve taramalardaki ile sıkıştırılmış kaynaklardaki benekleri temizler.
Öncesi ve sonrasını karşılaştırın
İki panel, özgün görsel ile izlemeyi yan yana gösterir; altlarında çıktı boyutu ve yol sayısı vardır. Yol sayısı dürüst karmaşıklık ölçüsüdür: iyi bir logo izlemesi bir avuçtur ve yüzlerle ifade edilen bir sayı, izleyicinin iyi temsil edemediği bir ayrıntının peşinde koştuğu anlamına gelir.
SVG'yi kopyalayın ya da indirin
Kaynağı satır içi yapıştırmak için doğrudan panonuza kopyalayın ya da bir dosya olarak indirin. İzleme büyük bir görselde saniyeler sürer ve İptal düğmesi işi gizlemekle kalmaz, gerçekten durdurur.
Sıkça Sorulan Sorular
İzleme bana özgün vektör dosyamı geri verir mi?
Hayır ve hiçbir araç veremez. Piksele dönüştürme biçimleri atıp yalnızca bir renk ızgarası saklar; dolayısıyla izlemenin o piksellerden yeni dış çizgiler tahmin etmesi gerekir. Sonuç resmi yaklaşık olarak verir - düz çizimlerde çoğu zaman çok yakın biçimde - ama bu yeni bir çizimdir, başladığınız çizim değil.
Bir logoda ne kadar iyi çalışıyor?
Çok iyi ve genellikle daha küçük de çıkıyor. Ölçtüğümüz 400 × 400 siyah bir logo, 7,7 KB'lık bir PNG'den yalnızca dört yoldan oluşan 1,9 KB'lık bir SVG'ye dönüştü - her yakınlaştırmada daha keskin ve boyutunun üçte birinden az. O tür çizimler için doğru ayar iki renktir.
Bir fotoğrafı izlersem ne olur?
Başladığınızdan hem büyük hem de daha kötü görünen bir şey elde edersiniz. İzlediğimiz 14,1 KB'lık bir fotoğraf, 607 yollu 151,5 KB'lık bir SVG olarak çıktı - on kattan fazla büyük ve gözle görülür biçimde lekeli. Araç bunu girdinin renk çeşitliliğinden saptar ve siz karar vermeden önce sizi uyarır.
İzlenmiş SVG'm neden PNG'den daha büyük?
Çünkü iki biçim farklı şeylerin bedelini öder. PNG yinelenen pikselleri çok ucuza sıkıştırır; bir SVG ise her dış çizginin koordinatlarını tek tek yazmak zorundadır. Altı renkli düz sınamamız 6,3 KB'lık bir PNG'den 16,2 KB'lık bir SVG'ye çıktı - daha büyük, ama artık çözünürlükten bağımsız, ki onu istemenizin nedeni genellikle budur.
Kaç renk seçmeliyim?
Beklediğinizden az. Aynı düz çizimde iki renk 622 bayt ve 2 yol verdi, sekiz renk 16,2 KB ve 120 yol, on altı renk ise 24,2 KB ve 185 yol. Sekiz ile on altı arasındaki görsel fark hafifti; dosya ise bir buçuk katına çıktı.
İzleme ne zaman doğru araçtır?
Logolar, çizgi çizimleri, mühürler ve imzalar, serigrafi ve nakış çizimleri ve bir lazer ya da vinil kesiciye gidecek her şey - o makineler piksel değil yol ister. Ortak nokta, gradyanı ve yumuşak gölgesi olmayan, temiz kenarlı düz renktir.
Ne zaman uğraşmamalıyım?
Fotoğraflarda, gradyan, gölge ya da yumuşak odak içeren her şeyde ve metin ekran görüntülerinde. Bunların hepsi, düz bölgelerin temsil edemeyeceği yumuşak geçişlere dayanır; sonuçta bantlaşma ve birkaç kat büyük bir dosya alırsınız. Onun yerine özgün dosyayı sıkıştırın.
Saydamlık korunuyor mu?
Kısmen. Tümüyle saydam alanlar bir renk olarak değil boş olarak izlenir; böylece saydam zemindeki bir logo temiz kalır. Yarı saydam pikseller ise en yakın düz renge katlanır, çünkü izlenmiş bir bölgenin tek bir dolgusu vardır - yumuşak kenarlar ve tüylenmiş gölgeler karşıya geçmez.
Görselim izlenmek için yükleniyor mu?
Hayır. İzlemenin tamamı tarayıcınızın içinde bir Web Worker'da çalışır; arayüzün iş sürerken tepki vermeye devam etmesinin nedeni de budur. Görseliniz hiçbir sunucuya gönderilmez, hiç saklanmaz ve bizim tarafımızdan hiç görülmez - ve iptal etmek, başkasının makinesinde bir işi terk etmek yerine işi gerçekten sonlandırır.
Neden 4000 piksellik bir sınır var?
Çünkü ötesinde kimse kazanmıyor. İzleme maliyeti piksel sayısından daha hızlı büyür ve fazladan ayrıntı çoğunlukla sadakat değil yol ekler - daha büyük bir girdi, aşağı yukarı aynı görünen ama daha büyük ve daha yavaş bir SVG üretir. Bir kenarı bundan uzun olan her şey önce küçültülür ve panel bunun ne zaman olduğunu size söyler.
Şunlara da ihtiyacınız olabilir
Bir şey çalışmıyor mu? Hata bildir