Generátor favicon

Přetáhněte logo, zvolte odsazení, pozadí a rohy a stáhněte všechny ikony, které web potřebuje, včetně kódu HTML pro vložení do stránky.

O nástroji

Všechny ikony webu z jednoho obrázku

Prohlížeče, iPhony i telefony s Androidem chtějí každý svou ikonu. Tento nástroj je vytvoří všechny najednou, ve vašem zařízení.

Skutečné ICO ve více velikostech

favicon.ico obsahuje verze 16, 32 a 48 px, takže karta, záložky i hlavní panel Windows dostanou ostrou ikonu. Malé velikosti se zmenšují po krocích, aby se tenké čáry nerozpadly.

Připraveno pro telefony

apple-touch-icon.png (180 px) pro plochu iPhonu, ikony 192 a 512 px pro Android a site.webmanifest s názvem webu a barvou motivu.

Náhled před stažením

Náhled karty prohlížeče ve světlém i tmavém režimu a všechny velikosti vedle sebe. Funguje s logy PNG, JPG, WebP i SVG; průhlednost zůstane tam, kde je povolená.

Jak na to

  1. Přetáhněte logo nebo obrázek (PNG, JPG, WebP nebo SVG), nebo ho vložte pomocí Ctrl + V.
  2. Zvolte Přizpůsobit s okrajem nebo Vyplnit a oříznout a pak odsazení, pozadí a zaoblené rohy.
  3. Zadejte název webu a barvu motivu pro webový manifest.
  4. Klikněte na Vytvořit favicon, stáhněte ZIP a zkopírujte kód HTML do <head> své stránky.

Časté dotazy

Nahrávají se moje obrázky na server?

Ne. Každý obrázek se načte, zpracuje a uloží přímo v kartě prohlížeče pomocí Canvas, Web Workers a WebAssembly. Nic se nenahrává, neukládá ani nezaznamenává.

Jaké soubory ZIP obsahuje?

favicon.ico (16, 32 a 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest a soubor HTML se značkami pro vložení do stránky. Při začátku ze SVG přibude favicon.svg.

Kam soubory favicon umístit?

Nahrajte je do kořenové složky webu vedle domovské stránky a kód HTML vložte do <head> každé stránky. Prohlížeče samy hledají i /favicon.ico.

Proč má ikona pro Apple pozadí?

iOS zobrazuje průhledné ikony na ploše na černé. Když ponecháte pozadí průhledné, bílé dostane jen ikona pro Apple; rohy si iOS zaoblí sám.

Mohu vytvořit favicon ze SVG?

Ano. ZIP pak obsahuje i favicon.svg s vaším odsazením, pozadím a rohy, který moderní prohlížeče upřednostňují, protože je ostrý v každé velikosti. Ikony PNG a ICO se kreslí ze SVG v 1024 px a zmenšují, takže i verze 16 px zůstane ostrá.

Je to zdarma a přidává se vodoznak?

Ano, používání je zdarma a bez účtu a Toolula nikdy nepřidává vodoznak. Bezplatný plán má limity přiměřeného používání; volitelný plán Toolula Pro je zvyšuje.