SVG (Scalable Vector Graphics), Web tasarımcıları ve geliştiricileri için büyük avantajlar sunan bir vektör görüntü formatıdır. Bir web sitesine SVG eklemenin birçok yolu olsa da en iyi yöntem satır içidir.
Satır içi, SVG kodunun doğrudan HTML koduna dahil olduğu anlamına gelir. Bunun birkaç avantajı vardır:
İlk olarak, satır içi SVG diğer resim biçimlerinden çok daha küçüktür, bu nedenle sayfalarınız daha hızlı yüklenir. İkincisi, satır içi SVG aslında kod olduğundan, CSS ile biçimlendirilebilir.
Bu, yeni bir dosya oluşturmak zorunda kalmadan grafiğin rengini, boyutunu veya diğer herhangi bir yönünü değiştirebileceğiniz anlamına gelir. Son olarak, satır içi SVG çözünürlükten bağımsızdır. Bu, ne kadar büyük veya küçük olursa olsun her cihazda harika görüneceği anlamına gelir.
Peki, Figma belgenize satır içi SVG’yi nasıl eklersiniz? İlk adım, belgenizi açmak ve grafiği eklemek istediğiniz çerçeveyi seçmektir.
Ardından “Ekle” menüsüne tıklayın ve “Görüntü” yü seçin. ”
“Görüntü” iletişim kutusunda, “Görüntü Yükle” düğmesine tıklayın ve bilgisayarınızdan SVG dosyanızı seçin. Dosya yüklendikten sonra, diyalog kutusunda dosyanın bir ön izlemesini göreceksiniz.
Ardından, “Ekle” düğmesine tıklayın ve SVG’niz Figma belgenize eklenecektir!
PROFESYONEL İPUCU: SVG kodunu Figma’ya kopyalayıp yapıştırırken, pano yöneticinizdeki “Illustrator Düzenleme Yeteneklerini Koru” ayarının işaretini kaldırdığınızdan emin olun. Aksi takdirde, Figma ile uyumsuz bir kodla karşılaşabilirsiniz.
Geçerli olduğunda < p >, < b > ve < u > etiketlerini kullanarak HTML’de metne stil vermek için:
HTML etiketlerini kullanarak metne stil vermek için önce HTML etiketlerinin nasıl çalıştığını anlamanız gerekir. HTML etiketleri, bir web sayfasındaki içeriği işaretlemek için kullanılır.
Tarayıcıya sayfada içeriğin nasıl görüntüleneceğini söylerler. Örneğin, < b > etiketi, tarayıcıya metni kalın olarak göstermesini söyler.
HTML etiketlerini kullanarak Figma’da metin stili oluşturmak istiyorsanız, önce belgenize bir Metin katmanı eklemeniz gerekir. Bunu yapmak için, “Ekle” menüsünü tıklayın ve “Metin” i seçin.
Belgenize bir Metin katmanı ekledikten sonra HTML etiketleri eklemeye başlayabilirsiniz. Bunu yapmak için, “<" ve ardından etiket adını (açılı ayraçlar olmadan) yazmanız yeterlidir. Örneğin, metni kalın yapmak istiyorsanız, "< b >” (tırnak işaretleri olmadan) yazmanız gerekir.
SVG’yi Figma’ya eklemenin en iyi yöntemi, HTML içinde satır içi kodlama kullanmaktır. Bunun, çözünürlükten bağımsız olması ve diğer şeylerin yanı sıra CSS ile biçimlendirilebilmesi gibi çeşitli avantajları vardır. Figma’ya bir satır içi SVG eklemek için, belgenizi açın ve grafiği de eklemek istediğiniz çerçeveyi seçin, ardından menü seçeneklerinden “Ekle” ve ardından “Görüntü” ye tıklayın.