Logonuz PNG olarak elinizde. Sitenizin başlığında iyi görünür, sonra biri onu büyük ister — bir afiş, bir baskı işi, bir tişört — ve büyütüldüğünde yumuşak ve pürtüklü olur. Bu bir raster dosyasının tavanıdır: sabit bir piksel ızgarasıdır ve büyüttüğünüzde bulunacak fazladan ayrıntı yoktur. Bir SVG'nin o tavanı yoktur. Logoyu şekiller ve yollar olarak saklar, dolayısıyla ister 32 piksel genişliğinde ister iki metre olsun keskin yeniden çizer.
Bir PNG logoyu SVG biçimine getirmek onu izlemek demektir — pikselleri okumak ve kenarları izleyen vektör yolları çizmek. Düz bir logo için bu tam doğru araçtır ve hızlıdır.
Bir logo neden iyi izlenir
İyi bir logo, izleme için ideal girdidir. Genellikle az sayıda düz renk, aralarında temiz sınırlar ve yumuşak degradeler ya da fotoğrafik doku olmadan sahiptir. Bir izleyici bu tür bir görseli temizce okur: her renk bloğunu bulur, çevresine sıkı bir yol çizer ve yalnızca birkaç şekilden oluşan bir SVG üretir. Küçük dosya, keskin kenarlar, sonrasında tümüyle düzenlenebilir.
Simgeler, basit illüstrasyonlar, çizgi sanatı ve el yazısı, aynı nedenle aynı mutlu kategoriye düşer — düz renk ve kesin kenarlar.
Adım adım
- Elinizdeki en temiz PNG ile başlayın. Daha yüksek çözünürlüklü, keskin bir kaynak, minik bulanık birinden daha iyi izlenir. Logonuzun saydam bir arka planı varsa, onu koruyun — izleme bunu koruyabilir.
- Logoya uyan bir hazır ayar seçin. İki ya da üç renkli bir işaret için, Düz / logo renk sayısını düşük ve şekilleri basit tutar. Daha ayrıntılı bir illüstrasyon için, Ayrıntılı daha çok yola izin verir. Saf çizgi sanatı ya da bir siluet için, Siyah beyaz onu iki tona indirir.
- Öncesi/sonrası önizlemesini kontrol edin. İzlemeyi orijinalle karşılaştırın. Kenarlar topaklı görünüyorsa ya da araç fazladan renkler icat ettiyse, farklı bir hazır ayar deneyin — daha az renk genellikle daha temiz, daha küçük bir sonuç verir.
- SVG'yi indirin ve gerekirse ince ayar için bir vektör düzenleyicide açın.
Bu tamamen tarayıcınızda çalıştığından, bıraktığınız logo asla yüklenmez — kendi makinenizdeki bir tuvalden okunur, hesap yoktur ve sayfa yüklendiğinde çevrimdışı çalışır.
İzlemeden sonra temizleme ve yeniden renklendirme
Çıktı, adlandırılmış yollar ve dolgulardan oluşan normal bir SVG'dir, dolayısıyla izlemenin ürettiği şeyle mahsur kalmazsınız. Onu Illustrator, Inkscape ya da Figma'da açın ve bir dolguyu düzenleyerek tüm bir bölgenin rengini değiştirebilir, tam marka hex'inizi ayarlayabilir, izleyicinin yakaladığı başıboş bir şekli silebilir ya da bir yolu hafifçe kaydırabilirsiniz. Asıl ödül budur: logo sabit bir resim olmayı bırakır ve her boyutta düzenlenebilir bir nesne olur.
Nerede yardımcı olmaz: fotoğraflar
Girdi konusunda dürüst olun. Bu, fotoğrafları değil şekilleri izler. Ona bir fotoğraf verirseniz — bir vesikalık, bir ürün çekimi, bir manzara — yine bir SVG üretir, ama berbat bir tanesi: binlerce ince renk üst üste yığılmış lekelerle yaklaştırılır, dosya orijinal JPG'nin çok ötesine şişer ve bulaşmış görünür. Sürekli tonlu herhangi bir şey için onu bir raster formatında tutun ve bunun yerine sıkıştırın. Ve bu, logonuzu yeni bir şeye yeniden çizen bir yapay zeka değildir — kaynak PNG bulanık ya da gürültülüyse, izleme bunu miras alır. Temiz, düz, az renkli bir logo temiz bir SVG verir; en tatlı nokta budur.