zmena dizajnu: Dizajn sa zmen automaticky podla casu!
4

Ako vytvoriť ikonku v adresnom riadku prehliadača – FavIcon

5. September 2008

FavIcon je malá ikonka ktorú môžete vidieť (dnes u väčšiny webov) v adresnom riadku svojho prehliadača. Je to len dekoračný prvok ktorý ale dodáva webu v záplave záložiek svoju identitu.

Je to drobnosť ktorá ale urobí radosť a tento článok je o tom ako ju jednoducho vytvoriť.

Ako vytvoriť FavIcon?

Moderné prehliadače akceptujú aj iný typ súboru ako ICO, my však použijeme práve ICO aby nám FavIcon fungovala aj na IE6 ktorý nám to ako vždy skomplikuje.

  • Ikona o rozmeroch 16×16 alebo 32×32. Keď sa povie ikona tak NIE obrázok uložený na disk s prepísanou koncovkou ale normálne vygenerovaný súbor .ICO
  • Osobne odporúčam použiť rozmer 16×16 pixelov lebo do adresného riadka aj tak zobrazuje len 16×16 pixelov a ak dáte väčšiu ikonu tak ju stlačí a vznikne nepekný deformovaný obraz.
  • Vytvorenie ICO súboru je možné napríklad s photoshopm ktorý ale musí mať špeciálny plugin, jednoduchšie je napríklad si FavIcon rovno nakresliť na http://www.favicon.cc/ prípadne klasický obrázok premeniť na ICO na http://www.html-kit.com/favicon/.

Ikonu máme, umiestnenie na stránku

Na umiestnenie FavIcony na stránke je potrebný jeden riadok HTML kódu:

‹link rel="shortcut icon"
href="favicon.ico" type="image/x-icon" /›

Tento kód umiestnite do hlavičky webu (medzi tagy <head></head>). Cesta musí byť správna, tam si dajte pozor, a to je celé… V moderných prehliadačoch to uvidíte hneď po refreshi.

Funguje to aj v IE6 ale…

Ak ale toto skúsite v IE6 tak pravdepodobne ikonka sa nezobrazí, to je v poriadku za to môže IE6. Ikonka sa začne zobrazovať ak si stránku pridáte do obľúbených položiek. V budúcnosti keď na túto stránku prídete tak ikonku uvidíte.

Podobné články

Vaše komentáre

  1. Vladooo hovorí:
    6. September 2008 o 3:14

    Alternatívou vo WordPresse je jedoduchý plugin Favicon manager:
    http://www.digitalramble.com/favicon-manager-wordpress-plugin/

  2. k8jo hovorí:
    9. September 2008 o 12:12

    …vo wordprese nepotrebuješ plugin, vložíš to do zdrojáku a pekne to funguje…ale to je skôr vecou pohodlnosti, či zdroják, alebo plugin..:)

  3. Peter Oravec hovorí:
    9. September 2008 o 7:31

    Ja som plugin nepoužil… zda sa mi zbytočné… len nahrám favicon do adresára témy a do hlavičky dám jeden riadok kódu

  4. Vandrák hovorí:
    11. September 2008 o 12:59

    Ja využívam http://www.favicon.co.uk/. Dá sa tam spraviť ikonka v rozmere 64×64, ktoré používam aj ako ikony v zložkách. Čiže na serveri to mám ako favicon a vo svojom PC má každý klient a web favicon ako ikonku zložky. Pre niektorých sa to môže zdať zbytočné, ale ja si na to portpím :) .

Aký je Váš názor?