Jak To Funguje

Vyberte Svůj Zdroj

Nahrajte obrázek, vytvořte z textu s vlastními fonty, vyberte ze stovek emoji nebo nakreslete pixel art. Analyzujte jakoukoli URL pro extrakci existujících faviconů.

Přizpůsobit a Náhled

Upravte pozadí, přechody, zaoblení a efekty. Prohlédněte si svůj favicon v kartách prohlížeče, na domovské obrazovce iOS, Android a dlaždicích Windows v reálném čase.

Generovat a Stáhnout

Vygenerujte všechny velikosti jedním kliknutím. Stáhněte si kompletní balíček s připravenými úryvky kódu pro více než 35 frameworků.

Čtyři Způsoby, Jak Vytvořit Váš Favicon

Nahrát Obrázek

Začněte s jakýmkoli obrázkem — PNG, JPG, SVG nebo WebP. Přidejte pozadí, upravte odsazení, jas, kontrast a aplikujte zaoblené rohy. Ideální pro loga a existující prvky značky.

Text na Favicon

Vytvářejte textové favicony s více než 1500 Google Fonts. Vyberte tloušťku písma, barvy a přidejte plná nebo přechodová pozadí. Ideální pro jednoduché ikony založené na písmenech.

Emoji Favicon

Vybírejte ze stovek emoji ve 12 kategoriích včetně všech vlajek zemí. Přidejte barevná pozadí s předvolbami nebo vlastními přechody pro vyladěný vzhled.

Plátno Pixel Art

Nakreslete svůj vlastní favicon pixel po pixelu na přizpůsobitelné mřížce. Používejte nástroje pero, guma a výplň s podporou zpět/znovu. Exportujte svůj pixel art výtvor okamžitě.

Výkonné Funkce

100% Soukromé

Veškeré zpracování probíhá lokálně ve vašem prohlížeči. Vaše obrázky nikdy neopustí vaše zařízení. Žádné nahrávání, žádné cloudové úložiště, žádný sběr dat.

Všechny Platformy Pokryty

Generujte více než 15 velikostí faviconů pro prohlížeče, domovskou obrazovku iOS, Chrome Android, dlaždice Windows, připnuté karty Safari a Progresivní Webové Aplikace.

Živý Náhled

Podívejte se přesně, jak váš favicon vypadá v kartách prohlížeče, na domovské obrazovce iOS, spouštěči Android a dlaždicích Windows před generováním.

Úryvky pro 35+ Frameworků

Získejte kód připravený k použití pro HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django a více než 25 dalších platforem.

Analyzátor URL

Analyzujte jakýkoli web pro extrakci existujících faviconů. Podívejte se, jaké velikosti jsou přítomny, co chybí, a přegenerujte kompletní sadu jedním kliknutím.

Historie Generování

Přistupujte ke svým nedávným generacím faviconů. Obnovte předchozí výtvory, porovnejte verze nebo pokračujte v úpravách tam, kde jste přestali.

Rychlé Šablony

Začněte s profesionálně navrženými šablonami s plnými barvami, přechody a vzory. Aplikujte a přizpůsobte tak, aby odpovídaly vaší značce.

Vícevelikostní ICO

Automaticky vytváří ICO soubory s více rozlišeními vložením velikostí 16x16, 32x32 a 48x48 pro maximální kompatibilitu prohlížečů.

Kompletní Balíček Výstupu

Standardní Favicony

favicon.ico (více velikostí), 16x16, 32x32 a 48x48 PNG pro karty prohlížeče a záložky.

Ikony Apple Touch

180x180 Apple Touch Ikona pro domovskou obrazovku iOS, plus SVG připnuté karty Safari s přizpůsobitelnou barvou motivu.

Ikony Android a PWA

Ikony 192x192 a 512x512 pro Chrome Android a Progresivní Webové Aplikace, včetně podpory maskovatelných ikon.

Dlaždice Windows

270x270 Microsoft dlaždice s browserconfig.xml pro integraci s nabídkou Start Windows a hlavním panelem.

Webový Manifest

Kompletní soubor site.webmanifest s odkazy na ikony, barvami motivu a nastavením zobrazení PWA.

Často Kladené Otázky

Jaké velikosti faviconu potřebuji?

Minimálně: favicon.ico, 32x32 PNG, 180x180 Apple Touch Ikona a 192x192/512x512 pro Android/PWA. Naše předvolba 'Základní' automaticky zahrnuje všechny požadované velikosti.

Proč potřebuji soubor ICO?

Formát ICO obsahuje více velikostí v jednom souboru a je podporován všemi prohlížeči včetně starších verzí. Je to tradiční formát faviconu zajišťující maximální kompatibilitu.

Měl by mít můj favicon průhledné pozadí?

Pro karty prohlížeče funguje průhlednost dobře. Pro domovské obrazovky iOS a Android zvažte plné nebo přechodové pozadí, protože ikony se objevují na různých tapetách.

Musí být můj zdrojový obrázek čtvercový?

Ano, favicony jsou vždy čtvercové. Pokud váš obrázek není čtvercový, použijte naše ovládací prvky pro odsazení a měřítko, abyste jej dokonale přizpůsobili. Pro nejlepší výsledky začněte se čtvercovým obrázkem.

Jsou mé obrázky v bezpečí a soukromé?

100% soukromé. Veškeré zpracování využívá nativní API prohlížeče Canvas a Blob. Vaše obrázky nikdy neopustí vaše zařízení — žádná data nenahráváme, neukládáme ani nepřenášíme.

Které frameworky jsou podporovány?

Poskytujeme úryvky kódu pro více než 35 platforem včetně React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails a mnoha dalších.

A co Progresivní Webové Aplikace?

Náš generátor vytváří všechny požadované ikony PWA včetně maskovatelných variant, plus kompletní soubor site.webmanifest se správnými deklaracemi ikon a barvami motivu.

Pochopení Faviconů

Favicony jsou malé ikony, které reprezentují váš web v prohlížečích, záložkách, domovských obrazovkách a spouštěčích aplikací. Kompletní sada faviconů zajišťuje, že vaše značka vypadá profesionálně a rozpoznatelně kdekoli, kde uživatelé narazí na váš web.

Formát ICO

Formát ICO balí více velikostí (16x16, 32x32, 48x48) do jednoho souboru. Zatímco moderní prohlížeče podporují PNG favicony, ICO zůstává nezbytné pro maximální kompatibilitu se staršími prohlížeči a určitými desktopovými aplikacemi.

Ikony PNG

Moderní prohlížeče preferují PNG favicony pro jejich ostrou kvalitu a podporu průhlednosti. Každá velikost slouží určitému účelu: 16px a 32px pro karty prohlížeče, 180px pro iOS a 192px/512px pro Android a PWA.

Manifest Webové Aplikace

Soubor site.webmanifest definuje, jak váš web vypadá, když je nainstalován jako PWA. Specifikuje ikony, barvy motivu, režim zobrazení a další metadata, která prohlížeče používají k vytvoření zážitku podobného aplikaci.

SVG Favicony

Funkce připnuté karty Safari používá monochromatickou SVG ikonu. Moderní prohlížeče také začínají přímo podporovat SVG favicony, nabízející nekonečnou škálovatelnost a menší velikosti souborů.