Kısa cevap
Logonu aşağıdaki araca bırak. Logo hazır ayarı onu ana renklerine indirir ve her renk alanını yumuşak konturlara çevirir. Özgün görsel ile SVG yan yana görünür; ikisini de yakınlaştırıp eğrileri kontrol et, sonra SVG indir'e bas.
Logo beyaz ya da tek renkli bir dikdörtgenin üstündeyse Arka planı kaldır'ı işaretle. Görselin kenarlarına değen zemin saydam olur, logonun içindeki aynı renk ise, örneğin O harfinin boşluğu, dolu kalır. Elinde sadece JPG varsa sorun değil: araç kenarlardaki JPG gürültüsünü temizler.
Burada dene: Görseli SVG'ye çevirme
Aracın tam sayfasını açLogo SVG olunca ne değişir?
PNG ya da JPG renkli karelerden oluşan bir ızgaradır. Kendi boyutunda iyi görünür, ama afiş, araç giydirme ya da büyük baskı için büyütülünce kenarlar yumuşar ya da basamaklanır. SVG ise şekil saklar: her kontur çizgi ve eğrilerle tarif edilir ve renkle doldurulur, böylece bilgisayar onu her boyutta keskin çizebilir.
Vektörleştirme, birinci tür dosyadan ikincisine geçiştir. Araç pikselleri inceler, hangi renklerin birlikte olduğuna karar verir, her alanın sınırını izler ve boyunca eğriler oturtur. Sonuç özgün dosyanın kopyası değil, yeniden çizimidir. Temiz kaynak görseller bu yüzden temiz sonuç verir.
| PNG ya da JPG logo | SVG logo | |
|---|---|---|
| Sakladığı | Piksel | Çizgi ve eğrilerden şekiller |
| Büyütünce | Bulanıklaşır ya da basamaklanır | Keskin kalır |
| Renk değiştirme | Fotoğraf düzenleyici gerekir | Her renk için tek dolgu değeri değişir |
| Tipik kullanım | Ekran, belge, sosyal medya | Baskı, tabela, kesim makinesi, web sitesi |
Hangi görseller iyi çevrilir?
Kaynak ne kadar temiz ve düz renkliyse SVG o kadar iyi olur. Birkaç düz renkli logolar, simgeler, kaşeler, el yazısı ve taranmış mürekkep çizimleri düzgün şekillere dönüşür. Renk geçişleri, gölgeler, dokular ve fotoğrafların net sınırı yoktur, bu yüzden araç onları düz renk bantlarına bölmek zorunda kalır.
Görsele uyan hazır ayarı seç. Renk, ayrıntı ve yumuşaklık için uygun değerleri ayarlar; sonra her birini yine değiştirebilirsin.
| Görsel | Hazır ayar | Ne beklemeli |
|---|---|---|
| Düz renkli logo ya da simge | Logo | Temiz şekiller, çoğu zaman sadece birkaç KB |
| Çizgi film ya da düz illüstrasyon | İllüstrasyon | Daha çok renk ve küçük ayrıntı korunur |
| İmza, eskiz, kaşe, tarama | Çizim (tek renk) | Sadece mürekkep kalır, kâğıt saydam olur |
| Fotoğraf | Fotoğraf (afiş görünümü) | Afiş tarzı bir resim, gerçek vektör değil |
Sonuca ince ayar
Renk, SVG'nin kullanabileceği en fazla renk sayısıdır. Logolarda birbirine çok yakın tonlar kendiliğinden birleşir; üç renkli bir logo, kaydırıcı daha fazlasına izin verse de üç renk kalır. İnce gri bir slogan gibi gerçek bir renk kaybolup ana rengin rengine dönüşürse rengi artır.
Ayrıntı, bir lekenin çevresine katılmadan önce ne kadar küçük olabileceğini belirler. Küçük yazı dağılıyorsa ya da i harfinin noktası kayboluyorsa artır. JPG logonun çevresinde benekler ve dağınık noktalar bırakıyorsa azalt.
Yumuşaklık, konturun piksellere ne kadar sıkı uyduğunu ayarlar. Yüksek değer daha yuvarlak eğri ve daha küçük dosya verir; düşük değer keskin köşeleri ve ince tırnakları korur. Kutuların ve harflerin dik köşeleri her ayarda bulunur ve keskin kalır.
Her değişiklik SVG'yi bir anda günceller. Önizlemenin altında özgün dosyanın boyutu SVG'nin boyutuyla yan yana, ayrıca kaç renk ve şekil olduğu yazar; böylece ayarları hızlıca karşılaştırırsın.
JPG logoyu ya da taramayı temizleme
Logolar çoğu zaman eski bir web sitesinden ya da e-posta imzasından kalma bir JPG olarak elde kalır. JPG sıkıştırması kenarlarda silik lekeler bırakır. Araç bu dağınık pikselleri yanındaki renge katar, böylece konturlar temiz çıkar. Beyaz arka planı kaldırmak JPG'de de çalışır: JPG saydamlık desteklemez ama SVG destekler.
Kâğıda atılıp fotoğrafı çekilmiş bir imza, taranmış bir eskiz ya da bir kaşe için Çizim hazır ayarını kullan. Kâğıt hafif gri ya da düzensiz aydınlanmış olsa bile koyu mürekkebi açık kâğıttan ayırır, mürekkebi tek renkli bir şekil olarak tutar ve harflerin içi dahil tüm beyaz alanları atar. En iyi kenarlar için düz ve yüksek çözünürlükte tara ya da eşit ışıkta tam yukarıdan fotoğrafla.
64 piksellik bir favicon gibi çok küçük görseller çizilmeden önce içeride büyütülür, bu da daha yumuşak eğriler verir. Ama piksellerde olmayan ayrıntı geri gelmez. Yazı sadece birkaç piksel boyundaysa önce logonun daha büyük bir kopyasını ara.
SVG'yi kontrol etme ve kullanma
Kenarları 16 kata kadar incelemek için önizlemenin üstündeki yakınlaştırma düğmelerini kullan ya da Ctrl'ye basılı tutup tekerleği çevir. İki bölme birlikte yakınlaşır ve kayar, yani tam aynı noktaya bakarsın. Fareyle sürükleyerek gezinebilirsin. Yüksek yakınlaştırmada özgün görsel gerçek pikselleriyle gösterilir, fark kolayca görünür.
İndirilen SVG görselinle aynı genişlik ve yükseklikte olur ve her renk için tek bir şekil içerir; script, bağlantı ya da gömülü resim yoktur. Tarayıcılarda, Inkscape, Illustrator, Figma, Affinity Designer, Canva ve çoğu kesim makinesi programında açılır. Logonun rengini değiştirmek için bir şeklin dolgu değerini değiştir. SVG kodunu kopyala düğmesi kodu panoya alır, doğrudan bir web sayfasına yapıştırmak için kullanışlıdır.
Harfler düzenlenebilir yazı değil, kontur olur. Kelimeyi değiştirmen gerekirse tasarım programında özgün yazı tipiyle yeniden yaz.
En iyi logo SVG'si için ipuçları
- Bulabildiğin en büyük ve en net logo sürümüyle başla. Web sitesindeki logonun ekran görüntüsü çoğu zaman sıkıştırılmış bir e-posta ekinden daha iyidir.
- Önce tasarımcıdan özgün vektör dosyasını (AI, EPS, PDF ya da SVG) iste. Çizilmiş bir logo iyi bir yedektir ama özgün dosya her zaman birebirdir.
- Mümkünse kaynaktaki gölge ve parlama efektlerini kaldır. Düz logolar çok daha temiz şekillere dönüşür.
- Baskıya ya da tabelacıya göndermeden önce SVG'yi koyu ve açık bir zeminde kontrol et.