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 ni 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/EN. 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. 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 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 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 (<head>,</head>) 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 inspirovatEN!
Alternativní tvorba ikonky
V případě že nemáte Photoshop, nevěste hlavu! Je tu několik stránek, které vám zdarma převedou vaší Favicon.png na Favicon.ico!
Jestliže se Vám článek (ne)líbil, zde máte možnost se vyjádřit.
Vyhledávání
Vyhledávání v článcích. Minimálně 3 znaky.
NOVINKY
25 online nástrojů pro webdesignery
Kam na volně použitelné fotky a textury?
40 ukázek tmavých designů
20 příkladů skvělých artworků pro v...
25 tutoriálů o layoutech
Kouzlo černobílé fotografie
Free ikony solárního systému
Úžasné Street Art díla
30 inspirujícíh log herního průmyslu
Jak na perfektní 3D text ve Photoshopu
Anketa
Odebírání novinek
Sledujte naše novinky na TWITTERU! - @justgraphic!
Zůstaňte v obraze o novinkách ze světa grafiky s JustGraphic.cz!
Reklama
- Tablety a netbooky v magazínu netbookportal.cz
- Nový a obsáhlý magazín pro muže .Sport, výživa a také auto a moto.
- V létě nás čeká dovolená u moře. Oblíbené je Chorvatsko a Itálie.
- Cestuj a zkus Last minute Egypt all inclusive , pyramidy jsou nádhera.
- Každou ženu zajímá kosmetika a krása. Každá žena chce být krásná.
- Svatební den a samotná svatba je vždy krásná.
- Online fakturace zdarma nebyla nikdy jednoduší! Doporučujeme vám vyzkoušet cloudovou službu iDoklad.cz!
- Potřebujete tablet, který má věrné podání barev? Doporučujeme špičkový iPad Pro od Applu.
