Favicon je malá ikona v záložce, na ploše a v historii prohlížeče. Logo a brand systém řídí web, tisk, e-mail a materiály mimo prohlížeč. Z ICO nebo PNG v kořeni webu ještě neplyne jednotná vizuální identita. Plyne z toho jen rozpoznatelná tečka u URL.

Ikona v liště není systém značky

Favicon (favorite icon) je soubor, který prohlížeč ukáže u karty, v záložkách, někdy na ploše po „Přidat na plochu“ a v historii. Typicky jde o čtverec 16×16 až 32×32 pixelů, dnes často sadu PNG a SVG přes link rel="icon". Úkolem je odlišit kartu od deseti jiných karet na stejném monitoru. Nevypráví příběh značky. Neřeší mezerování, barvy na světlém pozadí v tisku ani signage na výloze.

Logo je grafický znak s pravidly: bezpečná zóna, minimální velikost, povolené a zakázané varianty, barevné a monochromní verze. Brand systém k tomu přidává typografii, paletu, tón fotek a způsob, jak se znak chová na webu, v PDF a na vizitce. Z faviconu ještě neplyne, že tato pravidla existují. Plyne z něj jen to, že prohlížeč má co zobrazit u adresy.

Záměna vzniká ve chvíli, kdy grafik vyexportuje logo do 32×32 a prohlásí branding za hotový. Malý čtverec v liště snese zjednodušený monogram. Stejný monogram na billboardu nebo v záhlaví webu bez pravidel pro světlé a tmavé pozadí brand nestojí. Jedna bitmapa dvě úlohy neobslouží.

Kde končí ikona a kde začíná logo

První hranice je kontext. Favicon žije vedle cizích ikon v jedné liště. Musí být čitelný v 16 pixelech. Detailní ilustrace, tenké linky a dlouhý wordmark tam zmizí. Logo na webu má šířku headeru, kontrast vůči pozadí a často i stav při hoveru. To jsou dvě různé úlohy s různým měřítkem.

Druhá hranice je formát a místa nasazení. Favicon dnes není jen favicon.ico v kořeni. Apple touch icon, maskable ikona pro Android, SVG ikona pro moderní prohlížeče — to jsou varianty jedné funkce: značka v systému prohlížeče a OS. Nejsou to varianty loga pro tisk. Tiskové logo potřebuje vektory, přímé barvy nebo CMYK převod a bezpečnou zónu. Z PNG 180×180 pro plochu telefonu ještě neplyne tisková sada.

Třetí hranice je správa. Favicon měníte při redesignu webu a při změně produktu v záložce. Brand manuál měníte, když se mění pravidla použití znaku napříč kanály. Kdo aktualizuje jen ICO a nechá staré logo v patičce e-mailu a na vizitkách, nemá branding hotový. Má aktualizovanou tečku v prohlížeči.

Čtvrtá hranice je oddělení od úprav fotek. Ořez řeší, co z fotky zůstane v rámu článku. Komprese a volba formátu řeší váhu souboru. Favicon není ani jedno. Není důkaz, že web „má vizuál“. Je to meta značka v UI prohlížeče, ne náhrada za práci s obrázky v obsahu.

Co z faviconu ještě neplyne

• Neplyne z něj brand manuál. Manuál popisuje použití loga, ne jen soubor v kořeni.
• Neplyne z něj, že wordmark funguje v 16×16. Často potřebujete zjednodušený znak jen pro lištu.
• Neplyne z něj jednotné barvy na webu, v PDF a na výloze. Paleta je samostatná vrstva.
• Neplyne z něj, že e-mailový podpis a sociální avatar jsou sladěné. To jsou další místa s vlastními rozměry.
• Neplyne z něj kvalita fotek na webu. Favicon neřeší ořez ani formát obrázků v článku.
• Neplyne z něj, že staré logo zmizelo z tiskovin. Prohlížeč tiskoviny neaktualizuje.

Co připravit zvlášť a v jakém pořadí

Nejdřív znak, který drží tvar v 16×16: často monogram nebo zjednodušený symbol bez tenkých linek. Otestujte ho na světlé i tmavé kartě prohlížeče. Pak webové logo pro header — plná varianta s bezpečnou zónou a kontrastem. Pak tiskové a PDF podklady ve vektorech s definovanými barvami. Až když tyto tři sady ukazují stejný znak v různých měřítcích, máte začátek brand systému. Favicon je první položka seznamu, ne celý seznam.

Kontrola je tvrdá a rychlá. Otevřete záložku, hlavičku webu, podpis v mailu a poslední PDF nabídku vedle sebe. Pokud jsou to tři různé znaky nebo tři různé barvy téhož znaku bez důvodu v manuálu, favicon problém neschová. Jen ho zmenší na 16 pixelů. Stejně tak sociální avatar a ikona v mobilním „Přidat na plochu“ mají vlastní rozměry; kopírovat ICO do všech slotů nestačí.

Správa souborů patří do deploye webu: favicon.ico, PNG sady, SVG, touch icon. Správa značky patří do manuálu a šablon. Dva adresáře. Dvě odpovědnosti. Když grafik předá jen ZIP s ICO, dostali jste ikonu v liště — ne branding.

Shrnutí hranice: favicon je systémová ikona prohlížeče. Logo je znak s pravidly. Brand systém je sada pravidel napříč kanály. Dokud máte jen první, máte tečku u URL. Ne branding.

SVG ikona bez fallbacku PNG/ICO nechá starší klienty bez tečky. Naopak jen ICO bez SVG nechá ostrý displej u rozmazané bitmapy. Branding to nevyřeší — ale chybějící ikona v liště značku v prohlížeči stejně schová.

Checklist omylů kolem ikony v záložce

• Exportovat plné logo do 16×16 a divit se, že je nečitelné.
• Prohlásit branding za hotový po nahrání favicon.ico.
• Použít jednu bitmapu pro lištu, plochu telefonu i tiskovou vizitku.
• Ignorovat světlé a tmavé pozadí — ikona mizí v tmavém režimu prohlížeče.
• Měnit favicon a nechat staré logo v hlavičce webu a v PDF.
• Zaměňovat favicon s úpravou fotek (ořez, formát, váha souboru).

Stejně jako u fotek na webu platí, že malý soubor v kořeni neřeší zbytek vizuálu. Favicon neřeší ořez článku, poměr stran ani váhu hero banneru. Řeší jen rozpoznání karty. Branding začíná tam, kde stejný znak drží pravidla mimo lištu.

Favicon je praktická značka v prohlížeči. Logo a brand systém jsou pravidla napříč kanály. Kdo je slije do jednoho ICO, pozná to, až zákazník uvidí jiný znak na webu, jiný v mailu a třetí na vizitce.

Obrázek je ilustrační stock. Nezobrazuje konkrétní značku ani čitelné UI prohlížeče.