ESP-WROOM-02 SVG ile Hızlı Vektörel Resim Dosyaları ve İkonlar

ESP-WROOM-02(ESP-8266) modülü 32Mbit’lik (4Mbyte) oldukça geniş bir saklama alanına sahiptir. Bu nedenle
gerçekleştireceğiniz IoT projelerde bu geniş alanı kullanmak maliyet avantajı sağlamaktadır. IoT projenizin Web
tarafında koşan HTML, JS, CSS, JSON, XML kodları Arduino kodları içerisindeki String değişken alanlarına
eklenebilmektedir. Fakat JPEG PNG ve GIF benzeri resim dosyaları kullanılması gerektiğinde kullanıcılar genelde harici
NTFS ya da FAT dosya sistemine sahip SD Card kullanmayı tercih etmektedir. Alternatif olarak HTML5 ve sonrasında
gelen ve Tüm tarayıcılar tarafından desteklenen bir versiyonunu bulabileceğiniz SVG(Scalable Vector Graphics)
formatını kullanabilirsiniz. Modern Frontend web sistemlerinde artık PNG, JPG GIF ve benzeri dosyalar yavaş yavaş
yüklenme hızları, yeniden boyutlandırıldıklarındaki kalite kayıpları, fazla yer kaplamaları ve tarayıcıda yorumlanmaları
uzun sürmesi sebebiyle yerini SVG dosyalarına bırakmaktadır. Vektörel SVG görselleri minimalist tasarımları ve hızları
nedeniyle masaüstü bilgisayar sistemlerinde tercih edildikleri kadar HTML içerisine yorumlanabilmeleri sebebiyle,
gömülü sistemlerde kullanımı da artmaktadır.

Inkscape (www.inkscape.org) benzeri ücretsiz vektörel tasarım programları ile sizde firma logonuzu, özel ikonları ve
sembolleri çizebilirsiniz. Hazırladığınız çizimleri SVG olarak kayıt ettiğinizde SVG dosyasını notepad++ ya da Windows
Notepad benzeri bir programda kod olarak görebilir bu kodları kopyalayıp gömülü sisteminizdeki HTML içerisine
yapıştırarak kolayca kullanabilirsiniz.

SVG Vektör Sembol Kaynağı : www.freepik.com

Örnek: Ek. Svg-html-comparison.html

svg-test

HTML gömülü SVG ve harici PNG karşılaştırma

 

 

0 Comments

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir