Favicon

Favicon je ikona www stránky, která se zobrazuje v záložce webového prohlížeče a usnadňuje tak orientaci uživatele v případě, že má otevřeno více záložek najednou. Rozměr základní ikony by měl být čtvercový, o rozměrech 16×16px nebo 32×32px.

Favicon lze vytvořit pro každou webovou stránku a nejedná se o nic složitého. Stačí vytvořit grafický soubor favicon.ico a ten vložit do kořenového adresáře webu tak, aby byl dostupný z na URL adrese www.example.com/favicon.ico. V případě, že nemůžete nebo nechcete umístit soubor favicon.ico do rootu webu, lze jej umístit i jinam. V tomto případě, je ale nutné prohlížeč informovat, kde je favicon umístěn a to vložením následujícího kódu mezi značky <head> a </head>.

<link rel="icon" href="http://www.example.com/zanorena/slozka/favicon.ico">

Jak vytvořit favicon.ico

Ikonku si můžete vytvořit v jakémkoliv grafickém editoru nebo využít jednoho z mnoha generátorů, které vám vytvoření usnadní.

S rozmachem mobilních zařízení se začínají využívat favicony s většími rozlišeními také pro tablety či smartphony. Zároveň lze vytvořit favicony i pro mobilní platformy Android, iOS či Windows Phone.

Připravili jsme pro vás kompletní seznam faviconů, které vám budou fungovat napříč různými typy zařízeních i platforem. S vytvořením vám pomůže např. online generátor realfavicongenerator.net.

Ikony pro platformu Apple:

<link rel="apple-touch-icon" sizes="76x76" href="/zanorena/slozka/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="/zanorena/slozka/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/zanorena/slozka/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/zanorena/slozka/apple-touch-icon-180x180.png">

Ikony pro webové prohlížeče:

<link rel="shortcut icon" href="/zanorena/slozka/favicon.ico">
<link rel="icon" sizes="16x16" type="image/png" href="/zanorena/slozka/favicon-16x16.png">
<link rel="icon" sizes="32x32" type="image/png" href="/zanorena/slozka/favicon-32x32.png">
<link rel="icon" sizes="96x96" type="image/png" href="/zanorena/slozka/favicon-96x96.png">
<link rel="icon" sizes="192x192" type="image/png" href="/zanorena/slozka/favicon-192x192.png">
<link rel="mask-icon" href="/zanorena/slozka/safari-pinned-tab.svg" color="#5bbad5">

Ikony pro platformu Android:

<link rel="manifest" href="/zanorena/slozka/manifest.json">

Obsah souboru manifest.json:

{
        "name": "",
        "icons": [
                {
                        "src": "\/zanorena\/slozka\/android-chrome-36x36.png",
                        "sizes": "36x36",
                        "type": "image\/png"
                },
                {
                        "src": "\/zanorena\/slozka\/android-chrome-48x48.png",
                        "sizes": "48x48",
                        "type": "image\/png"
                },
                {
                        "src": "\/zanorena\/slozka\/android-chrome-72x72.png",
                        "sizes": "72x72",
                        "type": "image\/png"
                },
                {
                        "src": "\/zanorena\/slozka\/android-chrome-96x96.png",
                        "sizes": "96x96",
                        "type": "image\/png"
                },
                {
                        "src": "\/zanorena\/slozka\/android-chrome-144x144.png",
                        "sizes": "144x144",
                        "type": "image\/png"
                },
                {
                        "src": "\/zanorena\/slozka\/android-chrome-192x192.png",
                        "sizes": "192x192",
                        "type": "image\/png"
                },
                {
                        "src": "\/zanorena\/slozka\/android-chrome-256x256.png",
                        "sizes": "256x256",
                        "type": "image\/png"
                }
        ],
        "theme_color": "#ffffff",
        "display": "standalone"
}

Ikony pro platformu Windows phone:

<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/zanorena/slozka/mstile-144x144.png">
<meta name="msapplication-config" content="/zanorena/slozka/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

Obsah souboru browserconfig.xml:

<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/zanorena/slozka/mstile-70x70.png"/>
      <square150x150logo src="/zanorena/slozka/mstile-150x150.png"/>
      <square310x310logo src="/zanorena/slozka/mstile-310x310.png"/>
      <wide310x150logo src="/zanorena/slozka/mstile-310x150.png"/>
      <TileColor>#da532c</TileColor>
    </tile>
  </msapplication>
</browserconfig>

Máte zájem o kvalitní webové řešení?

Nebojte se nás na cokoliv zeptat, rádi Vám vše vysvětlíme a společně najdeme nejvhodnější řešení. Mám zájem!

Napsali o nás

Přečtěte si, co o nás píší naši klienti. Těšíme se, až se mezi ně budete řadit i Vy.
Martin Ježek
autor knihy Firma BECORP mi nabídla velmi originální grafické řešení prezentace mé knihy Křížovatka zvaná Balkán na internetu, spojené s možností diskuze se zájemci o tuto oblast. Se stránkami jsem velmi spokojen.
Mgr. Dana Vašíčková
majitelka, SOS s.r.o. Kreativní firmu BECORP jednoznačně doporučuji všem pro rychlé, spolehlivé a kvalitní vytvoření webových stránek. Velice oceňuji individuální přístup, operativní komunikaci, rychlost vyřízení našich požadavků, vstřícnost a příjemné jednání pana Jiřího Bergera. Velmi děkuji ...
Lesja Staňková
jednatelka, Botanica Garden s.r.o. Profesionální a velmi vstřícný přístup, splnění všech požadavků. Všem doporučuji.
Karel Novotný
jednatel, AFYB HOLDING, s.r.o. Skvělá spolupráce, vytvoření webu přesně podle našich představ. Přístup a rychlost reakcí na podněty při vývoji stránek byla perfektní. Všem doporučuji !!!
Odon Oliberius
majitel Konstruktivní jednání, rychlá práce, mohu jen doporučit.
Ing. Martina Herianová
majitelka Služby společnosti BECORP využíváme již delší dobu a jsme velmi spokojeni, mohu vřele doporučit. Profesionální přístup, empatie, rychlé a věcné jednání.
Jitka Gruberová a Vendula Tomrdlová
majitelky, salón Olivia Velmi děkujeme firmě BECORP za vstřícný přístup a profesionalitu se kterou vytvořila naše webové stránky. Budeme se těšit na další spolupráci a všem, kdo se teprve chystají na své webovky, můžeme BECORP doporučit. Byť mladý kolektiv, ale velmi fundovaný a milý přístup.
Jiří Antoš
obchodní ředitel, JP & P PLUS s.r.o. Při tvorbě objednávkového systému jsme využili služeb spol. BECORP studio a vše proběhlo hladce. Mohu tedy pro IT služby jen doporučit.
Vlastimil Rous
obchodní ředitel, TS Plzeň a.s. Společnost BECORP GROUP s.r.o. se v druhé polovině roku 2013 stala vítězem tendrového zadání na redesign našich firemních www stránek, které se zúčastnilo 5 firem. Provedení objednávky proběhlo flexibilně za vstřícné spolupráce zaměstnanců obou firem. Termíny byly ...
Marie Anna Černá
majitelka Služby poskytované společností BECORP GROUP s.r.o. hodnotím velmi pozitivně. Po celou dobu jsem jednala s panem Jiřím Bergerem, jednání probíhala jak na osobní úrovni, tak formou e-mailu, vše naprosto korektně a profesionálně. Oceňuji především rychlé jednání, spolehlivost, ...

Napište nám, ozveme se!

Napište nám hrubou představu o Vašem projektu. Zavoláme Vám zpět a detailně probereme parametry a možnosti realizace.

Mohlo by Vás zajímat

Pravidelně píšeme články o zajímavých a užitečných skutečnostech ze světa webdesignu. Proč neváhat s přechodem z PHP v7 na PHP v8? 21.06.2024 Proč neváhat s přechodem z PHP v7 na PHP v8? Jak umělá inteligence (AI) pomáhá v copywritingu? 09.09.2023 Jak umělá inteligence (AI) pomáhá v copywritingu? Jak probíhá tvorba profesionálních webových stránek 31.05.2023 Jak probíhá tvorba profesionálních webových stránek
Chci nezávaznou nabídku!
Soubory cookies využíváme pro základní i pokročilé funkce, které Vám usnadňují procházení webu. Také nám pomáhají při optimalizaci stránek i reklamních kampaní, aby byly pro všechny uživatele co nejvíce přínosné. Kliknutím na tlačítko "Souhlasím" povolíte všechny cookies nebo můžete povolit jen technické či nastavit vlastní preference. Všechna preferenční nastavení můžete kdykoliv v budoucnu změnit pomocí tlačítka v levém dolním rohu stránky.

Využití funkčních cookies je nezbytné pro správné fungování www stránky a všech funkcí. Slouží pouze k technickým účelům stránky a k jejich obsahu nemá přístup žádná třetí strana. Funkční cookies umožňují např. vyhledávání, filtrování, nákupy, přihlašování nebo ukládání preferenčního nastavení cookies. Z uvedených důvodů není možné tyto cookies deaktivovat a musí být vždy povoleny.

Analytické cookies poskytují informace využívané k analytickým a statistickým účelům provozovatele webu a případně nástrojů třetích stran, které k těmto účelům využívá. Jedná se například o měření návštěvnosti, výkonu a použitelnosti www stránky, reklamních kampaní apod. Díky získaným datům z těchto cookies dokážeme optimalizovat výkon i funkčnost www stránky. Informace získané pomocí těchto cookies jsou zpracovávány souhrnně a zcela anonymně, bez možnosti identifikace konkrétního uživatele.

Marketingové cookies jsou zpravidla využívány našimi partnery k nastavení a optimalizaci relevantního obsahu v jejich partnerské reklamní síti. Veškerá dostupná data jsou tzv. pseudoanonymizována a díky tomu zpravidla není možná identifikace konkrétního uživatele. Poskytnutím souhlasu s využitím těchto marketignových cookies uvidíte v reklamních kampaních obsah a informace relevantní pro vašim zájmům.

Cookies