Generátor favicon

Vytvořte kompletní sadu favicon z jediného obrázku — favicon.ico, apple-touch-icon, ikony pro Android/PWA i HTML úryvek — kompletně ve svém prohlížeči. Nic se 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.

Všechny ikony, které moderní web potřebuje, naráz

Favicon už dávno není jediný soubor. Prohlížeče čtou malý favicon.ico pro karty a adresní řádek, iOS chce pro plochu apple-touch-icon 180×180 a Android i instalovatelné webové aplikace si berou PNG o velikosti 192 a 512 px z webového manifestu. Tento generátor je z jednoho zdrojového obrázku vytvoří všechny a přidá HTML úryvek připravený k vložení, takže nemusíte ručně exportovat šest velikostí.

Zarámováno podle vás, uchováno v soukromí

Nechte ikonu čtvercovou, zaoblete jí rohy, nebo ji ořízněte do kruhu; přidejte odsazení, aby logo netlačilo na okraj; a zvolte průhledné, nebo plné pozadí. Živý náhled ukáže výsledek ve skutečných velikostech favicon včetně makety karty prohlížeče. Protože se každý soubor vytváří na vašem zařízení, vaše logo — často ještě nezveřejněná značka — se nikdy neodesílá na server.

Č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.