K čemu je Favicon Generátor Pro

Favicon je ta malá ikonka, která se zobrazuje v záložce prohlížeče, na domovské obrazovce mobilu nebo v záložkách. Většina webařů a freelancerů to řeší buď na poslední chvíli, nebo zjistí, že jejich `favicon.ico` vypadá rozmazaně na Retina displejích. Favicon Generátor Pro je určený přesně pro tyhle situace – ať už stavíš osobní web, e-shop nebo aplikaci pro klienta.

Problém není jen jeden soubor. Různé platformy a prohlížeče potřebují různé velikosti – klasické `favicon.ico`, Apple Touch Icon pro iOS, ikony pro Android a PWA manifest. Ruční exportování z Figmy nebo Photoshopu do šesti různých rozměrů zabere čas a je snadné na něco zapomenout. Tenhle nástroj to vyřeší najednou.

Na rozdíl od obecných konvertorů obrázků generuje přesně ty formáty a rozměry, které moderní weby skutečně potřebují – včetně správně pojmenovaných souborů a doporučených HTML tagů, které pak jen zkopíruješ do `<head>`.

Co dostaneš

Kompletní `.ico` soubor s více vrstvami (16×16, 32×32, 48×48 px)
Apple Touch Icon 180×180 px pro iOS zařízení
Ikony pro Android a PWA ve velikostech 192×192 a 512×512 px
Favicon 96×96 px pro starší prohlížeče a desktopy
Hotové HTML `<link>` tagy připravené ke zkopírování

Jak to funguje

Nahraj zdrojový soubor ve formátu PNG nebo SVG – ideálně čtvercový a alespoň 512×512 px.
Nástroj automaticky zpracuje obrázek a vygeneruje celou sadu ikon ve správných rozměrech.
Zkontroluj náhled jednotlivých velikostí přímo v prohlížeči.
Stáhni ZIP archiv se všemi soubory – jsou pojmenované přesně tak, jak je konvence vyžaduje.
Zkopíruj vygenerované HTML tagy a vlož je do `<head>` sekce svého webu.

Časté otázky

Jaký formát vstupu mám použít?

Nejlepší výsledky dostaneš s SVG nebo PNG s průhledným pozadím o rozměru alespoň 512×512 px. Čím vyšší rozlišení, tím ostřejší budou menší verze ikon.

Proč nestačí jen jeden favicon.ico soubor?

Různé prohlížeče a zařízení si berou různé formáty. iOS ignoruje `.ico` a hledá Apple Touch Icon. PWA aplikace potřebují velké PNG ikony pro manifest. Bez kompletní sady budeš mít na některých zařízeních výchozí ikonu prohlížeče.

Zpracovává se můj obrázek na serveru?

Celé zpracování probíhá lokálně v prohlížeči, soubor se nikam neodesílá.

Mám SVG logo s textem, bude favicon čitelný?

Ve velikosti 16×16 px text pravděpodobně nebude čitelný. Doporučujeme mít pro favicon zjednodušenou verzi loga – třeba jen symbol nebo iniciálu. Pokud chceš favicon přímo z emoji, podívej se na nástroj Favicon z Emoji.

Musím upravovat vygenerované soubory?

Většinou ne. Pokud ale pracuješ s SVG soubory, může se hodit SVG Optimizer pro zmenšení souboru před nahráním.

Favicon Generátor Pro

Zdrojový obrázek

Vygenerované ikony

Spravuješ živnost nebo zakázky?