Průhledná Favicon.ico

Favicon.ico je kapitola sama o sobě a jistě každý ví, jak ji vytvořit, a jak ji dostat na web. Víte ale, jak tuto malou ikonku zprůhlednit? Jak z ní udělat třeba jen samostatné písmenko, znak nebo logo bez pozadí?
Téměř každá webová stránka tu svou Favicon.ico má, ale ne každá stránka ji má průhlednou. Většinou na stránkách vídám, jak se autor snažil znázornit například jen jedno písmenko, ale byl nucen dát bílý podklad. Jak tedy na to?

Naším velkým pomocníkem bude Photoshop s .ico pluginem. Nemusíte se obávat složité instalace pluginu, bude to jistě lehčí, než si myslíte – nejedná se totiž o instalaci, ale jen o přesunutí souboru do složky s Photoshopem. Stáhnout
plugin můžete například zde: http://www.telegraphics.com.au/sw/. Po stažení soubor pouze rozbalte, přejmenujte soubor ICOFormat.8bi na ICO.8BI a přesuňte do adresáře: Photoshop/Plug-Ins/Formáty souboru (Photoshop\Plug-Ins\File Formats). Tím máme instalaci u konce a můžeme se vrhnout na tvorbu Favicon.ico.

Tvorba Favicon.ico – Photoshop
Nyní nás čeká druhá fáze celého procesu, což je samotná tvorba ikonky. Otevřeme si tedy nový soubor o rozměrech 16x16px (nebo 32x32px (doporučuji)) a místo Obsah pozadí: Bílý nastavte Obsah pozadí: Průhledný (můžete také nechat bílý a v novém souboru vytvořit novou vrstvu a smazat pozadí – vyjde to na stejno).
Nyní si vytvoříme hezkou reprezentativní ikonku a jednoduše uložíme pod názvem Favicon.ico (díky pluginu máme v nabídce Formát: .ICO).

Tip! Pokud je pro vás rozměr 16x16px (nebo 32x32px) na práci příliš malý, zkuste pracovat v rozměrech 64x64px a po dokončení ikonu zmenšit.

Upload ikonky na web
<link rel="shortcut icon" href="favicon.ico">
Tento zápis vložíme do hlavičky (,) stránky a favicon.ico přesunem na server. A tím je celé kouzlo ukončeno!

Inspirace
Pokud se pořád nemůžete rozhodnout, jak si tu svou ikonku uděláte, můžete se http://www.justgraphic.cz