Generátor favicon

Proměňte jakékoli logo nebo obrázek na kompletní sadu favicon: favicon.ico ve více velikostech, apple-touch-icon, ikony pro Android a webové aplikace a hotový HTML úryvek k vložení. Zvolte čtvercový, zaoblený nebo kulatý tvar, přidejte odsazení nebo barvu pozadí a stáhněte celý balíček jako ZIP. Vše se generuje lokálně ve vašem prohlížeči — váš obrázek se nikdy nenahrává.

Soukromí na prvním místě: každý obrázek se zpracovává lokálně ve vašem prohlížeči. Nic se nenahrává, neukládá ani neodesílá na žádný server.

Generátor favicon od PixelVaultu promění jakýkoli obrázek v kompletní sadu ikon pro web i aplikace, aniž by cokoli nahrával. Většina stránek typu „generátor favicon“ po vás chce, abyste své logo poslali na jejich servery, než dostanete jedinou ikonu zpět. Tady vzniká každý soubor — favicon.ico ve více rozlišeních, ikony PNG i manifest — přímo ve vašem prohlížeči, takže vaše značková grafika nikdy neopustí vaše zařízení.

Moderní web potřebuje víc než jednu ikonu. Prohlížeče čtou malý favicon.ico pro adresní řádek a panely, iOS chce apple-touch-icon 180×180 pro domovskou obrazovku a Android s PWA používají PNG o velikosti 192 a 512 px odkazované z webového manifestu. PixelVault je vytvoří všechny naráz z jediného zdrojového obrázku a předá vám hotový HTML úryvek k vložení, takže jejich zapojení zabere pár sekund.

Vzhled ikony máte pod kontrolou. Nechte ji jako prostý čtverec, zaoblete rohy nebo ji ořízněte do kruhu; přidejte odsazení, aby se slovní značka netlačila na okraj; a zvolte průhledné nebo jednolité pozadí. Živý náhled ukáže výsledek ve skutečných velikostech favicon — včetně simulovaného panelu prohlížeče — takže přesně víte, co návštěvníci uvidí, ještě než si soubory stáhnete.

Jak to funguje

Když přidáte obrázek, prohlížeč ho dekóduje do paměti a PixelVault ho překreslí na čtvercová plátna v každé velikosti ikony, přičemž uplatní vámi zvolenou masku tvaru, odsazení a pozadí. Každé plátno se zakóduje do PNG vestavěným kodérem prohlížeče a PNG o velikosti 16, 32 a 48 px se zabalí do jediného favicon.ico (široce podporovaný kontejner PNG-in-ICO). Loga SVG se nejprve lokálně rastrují ve vysokém rozlišení, takže ikony zůstanou ostré.

Proč na lokálním zpracování záleží

Generování ikon lokálně znamená, že vaše logo — často dosud nezveřejněná grafika značky — se nikdy nepřenáší, neukládá ani nezaznamenává službou třetí strany. Je to také okamžité: žádné nahrávání, žádná fronta a žádná cesta stahování tam a zpět, a jakmile se stránka načte, funguje to i offline. To, co stahujete, je přesně to, co vytvořil váš prohlížeč, bez čehokoli navíc.

Podporované formáty

  • ICO — Favicon.ico ve více rozlišeních (16/32/48 px) pro panely a adresní řádek.
  • PNG — Apple-touch-icon (180 px) a ikony pro Android/PWA (192 a 512 px).
  • SVG — Pouze jako vstup — vektorová loga se rastrují lokálně pro nejostřejší ikony.
  • JPG / WebP — Přijímáno jako zdrojové obrázky vedle PNG.

Časté použití

  • Vytvořte favicon.ico a ikony aplikace pro nový web či landing page.
  • Převeďte logo PNG nebo SVG na pořádný soubor ICO ve více velikostech.
  • Vygenerujte apple-touch-icon a ikony webového manifestu pro PWA.
  • Osvěžte sadu favicon značky, aniž byste logo předali online službě.

Časté dotazy

Nahrává se můj obrázek kvůli vytvoření favicon?
Ne. Favicon.ico, ikony PNG i manifest se generují lokálně ve vašem prohlížeči pomocí Canvas API. Váš obrázek nikdy neopustí vaše zařízení.
Jaké velikosti a soubory dostanu?
Favicon.ico ve více rozlišeních (16, 32 a 48 px), ikony PNG ve velikostech 16, 32, 48, 180 (apple-touch-icon), 192 a 512 px, site.webmanifest a HTML úryvek k vložení do vaší sekce <head>.
Mohu převést PNG nebo SVG na ICO?
Ano. Přidejte PNG, JPG, SVG nebo WebP a stáhněte si skutečný favicon.ico. Loga SVG se nejprve lokálně rastrují ve vysokém rozlišení.
Jaký obrázek funguje nejlépe?
Čtvercový obrázek s jednoduchým, kontrastním logem. Nečtvercové obrázky se ořežou na střed; pomocí ovládání odsazení a tvaru je zarámujete přesně podle sebe.
Jak favicon nainstaluji?
Rozbalte balíček do kořenové složky svého webu a vložte přiložený HTML úryvek do sekce <head> svých stránek. Favicon.ico si většina prohlížečů najde automaticky.