Díky tom, že zpěvník zobrazuje HTML je možné vložit noty písničky či jiné obrázky. Existují dva způsoby:
1. Obrázek vložený přímo do html kódu tzv. emteded file v kódování base64
Písničky i s obrázky lze bez problémů sdílet s ostatními.
Pozor, protože je dekódování takového obrázku náročné na paměť a mikroprocesor, aplikace takto otevře jen menší soubory - některé zařízení si neporadí ani se 100kB, některé zvládne i 200kB. Proto je třeba větší obrázky dobře zkompromovat - nepoužívejte pokud možno JPG!!! Noty jsou většinou černobílé a proto používejte formát PNG s 2 či 8 barvami - (PNG8 už má 256 barev a je velikostí skoro stejně veliký jeko JPG). Např. JPG soubor, který má 310kB má v PNG s 8 barvami 68kB a s 2 barvami jen 32kB! Čím menší obrázke, tím bude nejen rychlejší načtení, ale hlavně to bude chodit třeba i na starších zařízeních se slabším hardwarem.
Pro konverzi mnoha souborů lze použít např. XnView - batch convert - Na kartě "actions" přidat "Change color delph" - tam zadat Binary (dvě barvy) či 8 barev. Na kartě "Output" zadat formát PNG (já jsem nechal kompresi 6)
Implementace je pak následová:
PNG soubor zkonvertuji např. zde http://dataurl.net/#dataurlmaker
Výstup vypadá takto: "data:image/png;base64,iVBORw0KGgoA...... " (sled znaků je samozřejmě velmi dlouhý)
Tento výstup vložíme do textu jako obrázek:
<img src="data:image/png;base64iVBORw0KGgoA....." />
2. Externí link: (velikost souboru ani formát není limitován hardwarem, není třeba soubor překódovávat)
- Pokud si soubory uložíte na SD-kartě věšho Androidu (pozor, cestu si musíte upravit podle vašeho zařízení a adresáře)
<img src="file:///storage/extSdCard/SongBook/NAZEV_SOUBORU.jpg">
Toto řešení má nevýhodu, že pokud byste chtěli písničku s někým sdílet, musíte mu poslat i tento soubor a musí ho mít umístěn buď na stejné cestě (což často nejde) nebo si cestu k souboru upravit v textu písničky.
- Druhá možnost je uložit si soubor na jakémkoli veřejně přístupném servru. Pak uvedete adresu souboru na tomto servru:
<img src="data:image/png;base64,iVBORw0KGg....." />
<code><img src="http://priklad_domeny.cz/SongBook/NAZEV_SOUBORU.jpg"></code>
Díky tomu, se obrázek zobrazí všem, s kterými budete písničku sdílet, ale potřebují být při prvním načtení online (pak už by se obrázek měl načíst z cache).
Obě možnosti se dají také kombinovat - tedy mít oba linky - tedy buď se načtou oba, nebo jen jeden. Toto řešení má smysl např. pokud používám zpěvník jak v androidu, tak v online editoru https://dev.zpevnik.eu a nechci mít soubory na veřejném servru - pak je mám tedy zároveň na SD-Kartě a lokálním servru (tedy na svém počítači - bohužel na klasickém počítači nelze mít soubory uloženy jen na disku podobně jako na sd-kartě v androidu - z bezpečnostních důvodů nebudou načteny). Nejjednodušší varianta instalace lokálního servru je XAMP pak vypadá adresa např. takto:
<img src="http://localhost/SongBook/NAZEV_SOUBORU.jpg http://localhost/SongBook/NAZEV_SOUBORU.jpg">