Změna velikosti písma

Drobečková navigace

CSS blog > Favicon

Favicon



Favicon je obrázek, který se zobrazuje v prohlížečích v záložce vedle titulku stránky, nebo nalevo od url domény. Jak favicon vytvořit a nastavit nalezete v návodu níže:

Vytvoření favicony

Příprava

  • pro vytvoření favicony je potřeba mít obrázek ve čtvercovém formátu, tedy všech poměr stran je stejný
  • vhodný obrázek pro favicon je:
    • logo firmy
    • znak obce
    • erb obce

Vytvoření

Nejlepší způsob je otevřít si logo v grafickém editoru. Pokud není ve čtvercovém formátu, tak je potřeba si vytvořit nový, průhledný obrázek ve čtvercovém formátu a logo umístit vertikálně a horizontálně na střed s co nejmenším volným, nevyplněným prostorem.

Připravenou ikonu je vhodné zprůhlednit, nebo zprůhlednit veškerý volný prostor, aby výsledek favicony měl podklad splývající se vzhledem prohlížeče.

Favicon musí být ve formátu .ico a s rozměry max. 32 x 32 (px).

Při exportu z grafického editoru je potřeba, aby nebyla zvolena / zaškrtnuta "Komprese PNG". Grafickou paletu nechte vybranou editorem.

Tabulka pro export .ico může vypadat např. takto:

Vložení favicony

favicon je potřeba vložit jako soubor do běžné editace stránek. Je potřeba si zkopírovat výsledný kód po otevření editace a tlačítka "HTML". Např.:

file.php?nid=11524&oid=3197848

Do html v layoutu potom můžete použít tento univerzální kód:

<link href="" rel="icon" type="image/png">
<link rel="shortcut icon" href="">

Kód souboru pak přijde dosadit do atributů href="", takže výsledný kód, který vložíte do HTML v layoutu bude:

<link href="file.php?nid=11524&amp;oid=3197848" rel="icon" type="image/png">
<link rel="shortcut icon" href="file.php?nid=11524&amp;oid=3197848">

 


Kalendář akcí

Po Út St Čt So Ne
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 1 2