Aylık arşivler: Haziran 2017

sap design studio base64 imaj

Sap Design Studio ile dashboard geliştirilirken küçük görsel öğeler için (resim, grafik, imaj, png, jpg, image) html’nin küçük görselleri base64 kodları ile satıriçi (inline) gösterimi kullanılabilir. Bu da bizim taşınabilir görseller oluşturabilmemizi sağlar.

Design Studio’da çoğu komponent css class özelliği atanarak ve custom css dosyasında bu css class’ın özellikleri kodlanarak belirlenir; ama TEXT komponenti için satıriçi css stili (style) yazılabilir. Bu sayede text komponentin arkaplan görseli için base64 kodlaması ile taşınabilir küçük imajlar veya ikonlar yapılabilir.

Not 1: Base64 resim kodlaması büyük boyutlu resimler için kullanılamaz.
Not 2: Jpg veya Jpeg formatındaki imajlarda transparanlık (transparency) sağlanamaz transparan kısımlar içeren görseller için png formatı kullanılmalıdır.

Örnek bir text komponenti css style özelliğinde base64 imaj kodlaması:


background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/png;base64,SDVJjdlfskj6uı27==');

Çevrimiçi (online) imaj base64 çeviciler internette mevcut. https://www.base64-image.de/ – Base64 Image Encoder