Bezplatný generátor favicon pro všechny platformy

Nástroj generátor favicon ušetří zdlouhavou část práce s brandingem webu: export stejného loga v šesti velikostech, správné pojmenování každého souboru a zápis značek, které každé platformě řeknou, kde soubory najít. Favicon je malý, ale dostane se daleko. Objevuje se v záložkách prohlížeče, v oblíbených položkách a v historii, na domovských obrazovkách telefonů a vedle názvu vašeho webu ve výsledcích Google. Google u něj vyžaduje čtvercovou ikonu o rozměru alespoň 8x8 pixelů a doporučuje větší než 48x48 (Google Search Central, favicon ve výsledcích vyhledávání).

Jak generátor favicon použijete?

Vložte do nástroje soubor PNG, JPG nebo SVG, ideálně o velikosti 512x512 pixelů nebo větší. Generátor vykreslí váš obrázek na plátno v každé velikosti s vysokým vyhlazením a výsledných šest verzí zobrazí vedle sebe.

1. Připravte čtvercový zdroj. Nástroj obrázek mění na každou čtvercovou velikost bez ořezu, takže obdélníkové logo vypadá roztažené. Nejdřív ho proto oříznete do čtverce s malým okrajem kolem značky.
2. Nahrajte soubor přetažením nebo kliknutím na výběr. Náhled se objeví za vteřinu.
3. Stáhněte balíček tlačítkem „Stáhnout vše (.zip)“, nebo každé PNG zvlášť.
4. Zkopírujte HTML kód do <head> každé stránky, obvykle do šablony webu.
5. Zkopírujte manifest, doplňte pole name a short_name názvem své značky a uložte jej jako site.webmanifest do kořene webu.
6. Nahrajte soubory do kořene své domény, aby cesty jako /favicon-32x32.png z kódu fungovaly.

Protože se zpracování děje ve vašem prohlížeči, generátor funguje i s nezveřejněnými logy a soubory klientů, které nesmíte posílat na server třetí strany.

Jaké velikosti favicon potřebujete v roce 2026?

Šest PNG souborů pokrývá prohlížeče, iOS, Android a Windows. Tabulka ukazuje, co generátor vytváří, kde se každý soubor používá a která značka nebo soubor na něj odkazuje.

Dvojice 192 a 512 není náhodná: prohlížeče založené na Chromiu vyžadují ve webovém manifestu alespoň ikonu 192x192 a ikonu 512x512, a Chrome podle nich dopočítá ostatní velikosti, které potřebuje (web.dev, přidání webového manifestu). Velikost 180x180 odpovídá ikoně pro iPhone s vysokým rozlišením, kterou Apple uvádí ve svém vzorovém kódu pro webové klipy (Apple, konfigurace webových aplikací). Dlaždice pro Windows je zastaralý soubor: nevadí, a pokud necílíte na staré instalace Windows, můžete značku vynechat.

Jaký HTML kód generátor nabízí?

Šest řádků pro <head>: dva odkazy rel="icon" na PNG favicony, ikonu pro Apple touch, odkaz na manifest, dlaždici pro Windows a meta značku theme-color. Pokud stránka uvádí více ikon, prohlížeč podle atributů type a sizes vybere nejvhodnější a při selhání souboru přejde na další (MDN, typy odkazů).

Stojí za úpravu dvě nastavení vygenerovaného kódu. Barvy theme-color a manifestu jsou ve výchozím stavu bílé (#ffffff): pokud chcete, aby lišta prohlížeče a úvodní obrazovka nainstalované aplikace ladily s vaším webem, nahraďte je barvou své značky. A manifest záměrně nechává pole name a short_name prázdná: web.dev vysvětluje, že alespoň jedno z nich je povinné a že short_name se používá na domovské obrazovce, kde je místa málo.

Pomáhá favicon SEO?

Ne jako faktor pořadí, ale ovlivňuje, jak váš výsledek vypadá. Google může u každého výsledku zobrazit váš favicon vedle názvu webu, takže jasná ikona pomáhá lidem poznat vaši značku a může zvednout vaši míru prokliku oproti výsledkům s obecnou ikonou zeměkoule.

Google uvádí podmínky, které musíte splnit, a chybějící podmínka bývá nejčastějším důvodem, proč se favicon nezobrazí:

• Odkazová značka na domovské stránce. Google čte rel="icon", shortcut icon, apple-touch-icon a apple-touch-icon-precomposed.
• Přístup pro procházení. Googlebot musí dosáhnout na domovskou stránku a Googlebot-Image na soubor ikony. Pravidlo v robots.txt, které blokuje složku s obrázky, může váš favicon skrýt.
• Čtvercový soubor alespoň 8x8 pixelů, ideálně větší než 48x48, v podporovaném formátu: BMP, GIF, ICO, PNG, JPEG, PPM nebo TIFF. Vygenerované soubory PNG podmínky splňují.
• Jeden favicon na doménu. Subdoména může mít vlastní ikonu, podadresář jako /blog ji mít nemůže.
• Stabilní URL, kterou často neměníte.

Po změně musí Google domovskou stránku znovu projít, což podle stejné dokumentace může trvat od několika dnů až po několik týdnů. Urychlíte to požadavkem na indexaci domovské stránky v Search Console.

Jak navrhnout favicon, který je čitelný i na 16 pixelech?

Navrhujte nejdřív pro nejmenší velikost. Na 16x16 má celá ikona 256 pixelů, takže celé logo se sloganem se rozmaže. Těchto pravidel se držte, aby ikona zůstala čitelná:

• Použijte značku, ne celé logo. Symbol nebo jedno výrazné písmeno se při zmenšení udrží, slovo ne.
• Vyplňte čtverec. Nechte tenký okraj, ale vyhněte se velkým prázdným rámečkům, které značku v záložce zmenší.
• Sázejte na silný kontrast a dvě nebo třiploché barvy. Tenké čáry a přechody se na malých velikostech ztratí.
• Zkontrolujte světlý i tmavý motiv. Průhledné PNG s tmavou značkou zmizí na tmavé liště záložek; pomůže plné pozadí nebo světlý obrys.
• Počítejte s maskami pro Android. Android umí ikony aplikací oříznout do kruhu. MDN doporučuje maskovatelnou ikonu s důležitou částí uvnitř bezpečné zóny a neprůhledným pozadím (MDN, definice ikon aplikací). Pokud se vaše značka dotýká okrajů, exportujte pro soubory 192 a 512 verzi s okrajem.

Jaké chyby u faviconů se dělají nejčastěji?

Většina rozbitých faviconů pochází z cesty nebo z mezipaměti, ne z obrázku samotného.

• Soubory nahrané do špatné složky. Vygenerovaný kód odkazuje na kořen (/favicon-32x32.png). Pokud soubory uložíte do /assets, upravte každou cestu.
• Žádný soubor na adrese /favicon.ico. Pokud stránka žádnou ikonu neuvádí, standard HTML dovoluje prohlížečům ve výchozím stavu požádat o /favicon.ico (WHATWG, standard HTML, typy odkazů). Stránky bez značek, například PDF nebo chybové stránky, pak ve vašich logech vyvolají chybu 404. Generátor vytváří jen PNG, takže pokud tuto zálohu chcete, exportujte 32x32 PNG jako soubor ICO v libovolném editoru obrázků.
• Stará ikona, která nechce zmizet. Prohlížeče favicony agresivně ukládají do mezipaměti. Po redesignu soubor přejmenujte nebo přidejte verzi parametrem (?v=2).
• Značky jen na domovské stránce. Prohlížeče čtou ikonu u každé stránky zvlášť, proto kód vložte do sdílené šablony.
• Roztažené logo. Zdroj před generováním oříznete do čtverce, jak je popsáno výše.

Jakmile jsou soubory online, spusťte na své doméně extraktor favicon, abyste viděli, které ikony crawler skutečně najde, a poté audit on-page SEO, který zkontroluje zbytek značek v hlavičce.

Jak favicon zapadá do vaší značky v odpovědích AI?

Asistenti jako ChatGPT nebo Perplexity často zobrazují ikonu každého citovaného webu vedle odkazu na zdroj. Konzistentní favicon tam značku také rozpozná, ale je to jen rámeček: o tom, zda budete citováni, rozhoduje obsah a autorita webu. Abyste zjistili, zda se váš web v těchto odpovědích vůbec objevuje, Sledování zmínek v AI měří každý měsíc zmínky o vaší značce, dotaz po dotazu a model po modelu, a přehled GEO a SEO je položí vedle vašich kliků z Google a pozic.

Kompletní sada faviconů zabere jeden čtvercový obrázek a dvě minuty. Vygenerujte ikony výše, vložte kód do šablony a poté se podívejte na tarify Sorank, které na autopilot zvednou návštěvnost, jež je uvidí.