Generátor favicon
Přeměň libovolný obrázek na kompletní sadu favicon: .ico, PNG ve více velikostech, Apple touch icon a web manifest, vše vygenerováno přímo v prohlížeči.
Související nástroje
Jak používat nástroj Generátor favicon
- 01
Nahrajte čtvercový obrázek. Nejlépe funguje jednoduché logo nebo ikona, zpracování probíhá přímo v prohlížeči.
- 02
Volitelně zvolte barvu pozadí a zadejte název webu pro web manifest.
- 03
Stáhněte ZIP a vložte HTML úryvek do hlavičky stránky.
Co je favicon
Favicon je malá ikona zobrazená na panelech prohlížeče, v záložkách a na domovských obrazovkách telefonů. Je to drobný detail, díky kterému web vypadá hotově a rozpoznatelně, a moderní prohlížeče od něj očekávají několik verzí.
Proč jeden obrázek nestačí
V tom je háček: jeden obrázek už nestačí. Potřebujete vícevelikostní .ico pro klasické prohlížeče, samostatné velikosti PNG, ikonu Apple touch pro domovské obrazovky iOS, větší PNG pro Android a webový manifest, pokud má být web instalovatelný.
Tento generátor sestaví celou sadu z jediného obrázku, včetně skutečného vícevelikostního .ico, a dá vám přesný úryvek HTML k vložení do hlavičky stránky, takže nemusíte nic sestavovat ani ručně psát.
Jaký obrázek nahrát
Pro nejlepší výsledek nahrajte čtvercový obrázek o velikosti alespoň 512 px, ideálně jednoduché logo nebo značku spíše než detailní fotku, protože ikona se často zobrazuje velmi malá. Nečtvercový obrázek se vycentruje a doplní na čtverec, takže detail u okrajů může skončit v okrajích.
Barva pozadí a název webu
Volitelně můžete nastavit barvu pozadí a název svého webu. Název webu jde do webového manifestu použitého, když si někdo přidá web na domovskou obrazovku.
Běží v vašem prohlížeči
Vše běží lokálně v vašem prohlížeči pomocí Canvas API, takže váš obrázek se nikdy nenahraje. Stáhnete ZIP se všemi soubory a úryvkem k vložení.
Často kladené otázky
Co je součástí balíčku favicon?
Favicon.ico s velikostmi 16, 32 a 48 px, samostatné PNG soubory 16 a 32 px, Apple touch icon o velikosti 180 px, PNG soubory 192 a 512 px pro Android, site.webmanifest a HTML úryvek k vložení do hlavičky stránky.
Jaký obrázek mám nahrát?
Nejlépe funguje čtvercový obrázek o velikosti alespoň 512 px, ideálně jednoduché logo nebo symbol. Nečtvercový obrázek je vycentrován a doplněn do čtverce, takže detaily u okrajů se mohou ztratit v odsazení.
Jsou moje obrázky nahrávány?
Ne. Ikony jsou generovány ve vašem prohlížeči pomocí Canvas API, takže obrázek nikdy neopustí vaše zařízení.