Vytvoření webové ikony (favicon) v GIMPU
Dnešní tutoriál je zaměřen na jednoduché vytvoření ikony pro web v opensource programu GIMP. Ikonou webu myslím obrázek, který se ukazuje vedle webové adresy v prohlížeči. Obvykle se nazývá favicon.ico (Favourite icon).
1, Spusťte program GIMP
2, Klikněte na menu Soubor a zvolte položku Nový
3, Do polí šířka a výška zadejte hodnoty 16px (ikona je obvykle čtvercová v rozměru 16 x 16 px).
4, V prázdné stránce nakreslete požadované tvary, případně doplňte text.
5, Před exportem vytvořené ikony je důležité sloučit všechny vrstvy do jedné (pokud jste pracovali ve vrstvách). Klikněte pravým tlačítkem myši na jakoukoliv vrstvu a zvolte možnost Sloučit viditelné vrstvy.
Pokud jsou vrstvy různě veliké, je vhodné při sloučení vrstev vše oříznout podle spodní vrstvy, ta má správnou velikost 16 x 16 px. Ostatní vrstvy mohou být větší a to ovlivní výsledný rozměr obrazu.
6, Nyní již stačí ikonu vyexportovat ve formátu .ico - klikněte na menu Soubor - Export as....
V dialogovém okně exportu zadejte do názvu souboru favicon.ico a vyberte umístění, kam chcete soubor uložit.
7, Potvrďte následné dialogové okno exportu (Export obrázku jako Ikona Windows)
8, Tím je ikona oblíbeného webu hotová - pro aplikaci přímo do HTML stránky vložte následující kód (do hlavičky - HEAD stránky):
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
Výsledná ikona bude vidět v záložce prohlížeče takto:
Pokud vám v návodu není něco jasné, nebo se chcete naučit něco dalšího, napište nám, nebo přijďte na kurz.