Generátor favicon

Vygenerujte kompletní víceplatformní balíček favicon (favicon.ico, 16×16, 32×32, Apple Touch 180×180, Android PWA 192×192 a 512×512 + site.webmanifest) v prohlížeči.

Bez nahráváníBez registraceDávkové zpracování

Sem přetáhněte logo nebo ikonu (PNG, SVG, JPG, WebP)

Vygeneruje favicon.ico (16/32/48px), Apple Touch 180×180, Android PWA 192/512px a site.webmanifest

Vybrat soubor

Offline engine je připraven100% soukromý pracovní prostor v prohlížeči • Žádné nahrávání do cloudu

100% soukromé • Žádné nahrávání souborů na server

Proč používat all-in-one generátor favicon a PWA od Utiliome?

Navrženo od základu pro přísné soukromí, okamžité spuštění a nulové tření. Žádné předplatné, paywally ani registrace účtu.

Kompletní 9souborový webový a mobilní balíček

Generuje favicon.ico (vrstvy 16×16, 32×32 a 48×48), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest a head-tags.html.

Živý náhled záložky světlého i tmavého režimu

Otestujte, jak ikona vypadá v záložkách prohlížeče ve světlém i tmavém režimu a na iOS Home Screen, než stáhnete — v reálném čase upravíte barvu pozadí, bezpečné odsazení i zaoblení rohů.

Hotový HTML úryvek <head> ke zkopírování

Jedním kliknutím zkopírujte přesné tagy <link rel="icon">, <link rel="apple-touch-icon"> a <link rel="manifest"> k okamžité integraci do Astro, Next.js, WordPress nebo čistého HTML.

100% soukromé balení na klientovi

Veškeré přesné převzorkování na canvas, binární balení hlavičky .ico i archivace ZIP běží lokálně v prohlížeči bez nahrávání na server a bez vodoznaků.

Utiliome vs tradiční cloudové alternativy

Porovnejte náš lokální WebAssembly engine s legacy cloudovými nástroji.

Funkce	Utiliome (lokální prohlížeč)	Legacy cloudové převodníky
Pokrytí vygenerovaných assetů	Vícevrstvý favicon.ico + PNG 16/32/48/180/192/512 + site.webmanifest	Jediný 16×16 ICO nebo chybějící iOS/Android PWA manifesty
Živý mockup záložky tmavý/světlý a iOS	Lišta záložek Chrome ve světlém/tmavém režimu + náhled odznaku iOS Home Screen v reálném čase	Statické stažení bez kontroly kontrastu v tmavém režimu
Odsazení, pozadí a zaoblená maska	Interaktivní odsazení 0 %–30 %, zaoblení rohů 0 %–50 % a vlastní HEX pozadí	Natahují nečtvercová loga bez odsazení nebo zaoblení odznaku
Soukromí a rychlost spuštění	100% lokální Canvas + JSZip v prohlížeči (nulové nahrávání na server)	Nahrávají nezveřejněná značková loga na vzdálené servery

Jak to funguje

Jak vygenerovat kompletní balíček favicon ve 3 krocích

Není nutná žádná instalace softwaru. Vše běží přímo ve vašem webovém prohlížeči.

Přetáhněte značkové logo nebo ikonu (SVG, PNG, JPG, WebP)

Vyberte obrázek ve vysokém rozlišení nebo vektorové logo .svg. Pro ostré splash ikony PWA 512×512 začněte SVG nebo PNG 512×512+.

Upravte odsazení, zaoblení rohů a kontrast tmavého režimu

Zkontrolujte živý náhled záložky světlého i tmavého režimu. Přidejte bezpečné odsazení (8 %–12 %), zaoblené rohy nebo plnou výplň pozadí, pokud tmavé logo na tmavých záložkách zmizí.

Stáhněte ZIP favicon a zkopírujte HTML tagy <head>

Klikněte na „Stáhnout kompletní ZIP favicon“, rozbalte soubory do složky /public nebo kořene webu a vložte vygenerovaný úryvek <link> do HTML <head>.

Velikosti a standardy favicon 2026: soubory, které používají prohlížeče i Google

Rychlá odpověď: Produkční balíček webu zahrnuje více-rozlišení favicon.ico (16/32/48px) pro starší fallbacky a desktopové zkratky, favicon-16x16.png, favicon-32x32.png a favicon-48x48.png pro desktopové záložky a SERP, apple-touch-icon.png (180×180) pro iOS Safari a PNG 192×192 + 512×512 v site.webmanifest pro Android PWA.

Spoléhat na jediný soubor favicon.ico už nestačí napříč Retina monitory, iPhony, Android home screeny a mobile/desktop úryvky Google Search. Každá platforma požaduje konkrétní rozlišení a formát souboru:

Název souboru	Rozměry	Cílová platforma a chování prohlížeče
`favicon.ico`	`16×16`, `32×32`, `48×48` (vícevrstvý)	Fallback starších prohlížečů, RSS čtečky, zkratky Windows a crawleři kořene `/favicon.ico`
`favicon-16x16.png`	`16 × 16 px`	Záložky desktopových prohlížečů se standardním DPI (Chrome, Firefox, Edge, Safari) a lišty záložek
`favicon-32x32.png`	`32 × 32 px`	Záložky 2x Retina / HiDPI desktopových prohlížečů a připnuté weby na hlavním panelu Windows
`favicon-48x48.png`	`48 × 48 px`	Desktopové zkratky s vysokou hustotou a crawleři vyhledávačů (doporučují čtvercové ikony >48×48px)
`apple-touch-icon.png`	`180 × 180 px`	Ikona iPhone a iPad Safari „Přidat na plochu“ a dlaždice iMessage / Safari Favorites
`android-chrome-192x192.png`	`192 × 192 px`	Ikona zkratky Android Chrome na ploše odkazovaná v `site.webmanifest`
`android-chrome-512x512.png`	`512 × 512 px`	Splash obrazovka instalace Progressive Web App (PWA) a ikona launcheru s vysokou hustotou
`site.webmanifest`	JSON Manifest	Deklaruje název aplikace, barvu tématu a cesty k ikonám 192/512px pro instalaci Android a desktop PWA
`head-tags.html`	HTML úryvek	Hotové tagy `<link>` a `<meta name="theme-color">` k vložení do `<head>` dokumentu

Proč záložky v tmavém režimu rozbijí průhledná loga — a jak to opravit

Rychlá odpověď: Přes 60 % vývojářů a mobilních uživatelů prohlíží v tmavém režimu, kde černé nebo tmavě námořnické průhledné PNG logo zmizí na záložce #1E293B nebo #000000. Jemný odznak pozadí s odsazením 8 %–12 % a zaoblením 16 %–24 % zaručí čitelnost v obou tématech.

Generátor favicon vs. převodník ICO: který nástroj použít?

Rychlá odpověď: Generátor favicon použijte při spuštění webu nebo webové aplikace, která potřebuje kompletní ZIP balíček (PNG, Apple Touch ikonu, Android PWA manifest, HTML úryvek <head> a favicon.ico). Dedikovaný převodník ICO použijte, když potřebujete samostatný vícevrstvý Windows soubor .ico až 256×256px pro desktopový software nebo zkratky.

Ačkoli oba nástroje produkují soubory .ico, jsou navrženy pro různé nasazovací pipeline:

Funkce / požadavek	Generátor favicon (tento nástroj)	Generátor a převodník ICO
Primární výstup	Kompletní 9souborový webový balíček `.zip` (`6` PNG + `.ico` + `site.webmanifest` + `head-tags.html`)	Samostatný binární `.ico` (nebo dávkový ZIP `.ico`) s vlastním výběrem vrstev
Zahrnutá rozlišení `.ico`	Webově optimalizované vrstvy `16×16`, `32×32` a `48×48`	Plná sada Windows desktop: `16`, `24`, `32`, `48`, `64`, `128` a `256×256 px`
Ikony Apple iOS a Android PWA	Zahrnuty (`180×180`, `192×192`, `512×512`)	Nezahrnuty (zaměřeno striktně na binární kontejnery `.ico`)
Nejlepší pro	Weby, SaaS aplikace, projekty Next.js/Astro/WordPress a ikony Google SERP	Ikony aplikací Windows 10/11 `.exe`, ikony složek a dávkový převod PNG-to-ICO

FAQ

FAQ generátoru favicon a průvodce specifikací ikon

Vše, co potřebujete vědět o používání bezplatného online Generátor favicon od Utiliome.

Jak velký obrázek mám do generátoru favicon nahrát?

Pro nejostřejší výsledky napříč všemi vygenerovanými soubory (až po splash ikonu Android PWA 512×512) nahrajte buď vektorový soubor .svg, nebo čtvercový obrázek PNG/WebP alespoň 512×512 pixelů.

Jaké velikosti favicon doporučuje Google Search pro úryvky SERP?

Google Search Central vyžaduje čtvercový favicon alespoň 8×8px a doporučuje ikonu větší než 48×48px (nebo násobek 48px, SVG, nebo apple-touch-icon.png 180×180), aby se čistě škálovala v mobilních i desktopových výsledcích. Utiliome automaticky zahrne vrstvu 48×48px ve favicon.ico, samostatný favicon-48x48.png a apple-touch-icon.png 180×180.

Kam mám dát soubory ze staženého favicon-package.zip?

Rozbalte statické assety (favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png a site.webmanifest) do kořenového statického adresáře webu (např. /public v Next.js, Astro, Vite, nebo kořenová složka ve WordPress/HTML) a zkopírujte tagy <link> z head-tags.html do <head> dokumentu.

Je vygenerovaný favicon.ico skutečný více-rozlišení ICO soubor?

Ano. Na rozdíl od základních nástrojů, které jen přejmenují jeden PNG na .ico, Utiliome sestaví binární hlavičku ICONDIR a zabalí tři samostatné 32bitové RGBA vrstvy (16×16, 32×32 a 48×48) do favicon.ico.

Kdy použít generátor favicon a kdy nástroj ICO Generator?

Generátor favicon použijte při nastavení webu, abyste jedním kliknutím získali Apple Touch ikony, Android PWA ikony, site.webmanifest a HTML head tagy. Nástroj ICO Generator použijte, když potřebujete samostatný desktopový Windows soubor .ico s vrstvami 64×64, 128×128 a 256×256, nebo chcete dávkově převést více obrázků na .ico.

Nahrávají se má loga na nějaký server při generování favicon?

Nikdy. Veškeré škálování na canvas, zaoblení rohů, binární balení ICO i komprese ZIP probíhá 100% lokálně uvnitř prohlížeče.