pzeleny@kurzygrafiky.cz        Tel.: 724 810 701

Košík je prázdný

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).

gimp favicon


 

4, V prázdné stránce nakreslete požadované tvary, případně doplňte text.

gimp favicon


 

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.

gimp favicon

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.

gimp favicon


 

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.

gimp favicon


 

7, Potvrďte následné dialogové okno exportu (Export obrázku jako Ikona Windows)

gimp favicon


 

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:

gimp

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.

------ © 2015 KURZY GRAFIKY ------ Všechna práva vyhrazena. Kopírovat obsah bez souhlasu autora je zakázáno.

Icons made by Freepik from www.flaticon.com is licensed by
CC BY 3.0

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie.

 

OBCHODNÍ PODMÍNKY

KURZYGRAFIKY.CZ

Prokop Zelený, DiS.
Veronské nám. 331
Praha 10  10900

pzeleny@kurzygrafiky.cz
tel.: 724 810 701

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie. Informace o cookies ZDE.

  
EU Cookie Directive Module Information