Generátor faviconu

Co všechno je v balíku

Prohlížeče už dávno nestačí jediný soubor. Z jednoho obrázku proto vyrobíme celou sadu: PNG od 16 do 512 px, favicon.ico se třemi velikostmi uvnitř, apple touch icon 180 px pro iPhone a iPad, manifest pro instalaci na plochu telefonu a kousek HTML, který stačí vložit do hlavičky stránky.

Jaký obrázek nahrát

Nejlépe čtvercový a jednoduchý. Šestnáctipixelová ikona má plochu jako písmeno v textu, takže se do ní vejde značka nebo iniciála, ne celé logo s podtitulem. Předloha by měla mít aspoň 512 px na šířku, ideálně nahrajte rovnou SVG. Z obdélníku vyřízneme čtverec ze středu.

Kam soubory nahrát

Do kořene webu, tedy vedle úvodní stránky, aby byly dostupné na adresách jako /favicon.ico. Pak vložte přiložený kód do hlavičky stránky. Ikona se v prohlížeči drží v mezipaměti dlouho, po výměně proto zkuste tvrdé obnovení nebo anonymní okno.

Časté otázky

Potřebuju ještě vůbec favicon.ico?

Pro moderní prohlížeče ne, těm stačí PNG. Soubor si ale sám od sebe vyžádá řada nástrojů a starších čteček, a když chybí, plní se log stránky chybami 404. Proto ho do balíku dáváme.

Proč je ikona s průhledným pozadím špatně vidět?

Na tmavém panelu prohlížeče splyne tmavá značka s pozadím. Když má logo tmavé linky, vypněte průhlednost a zvolte světlý podklad, ikona pak bude čitelná v obou motivech.

Nahrává se obrázek někam?

Ne. Ikony i archiv vznikají přímo ve vašem prohlížeči, logo se nikam neodesílá.