Jak vytvořit favicon z obrázku

Favicon je maličký obrázek, který prohlížeč zobrazuje na kartě, v záložkách a v historii vedle názvu vašeho webu. Tradičním formátem je ICO, malý soubor ikony, který rozpozná většina prohlížečů bez jakéhokoli dalšího nastavení.

Dobrý favicon určují dvě věci: měl by být zhruba čtvercový a zůstat čitelný i po zmenšení na velikost nehtu. Proto bývá favicon obvykle jedno tučné písmeno, značka loga nebo jednoduchý tvar, a ne podrobná fotografie.

Pokud už máte čtvercové logo, převod je jediný krok:

• Otevřete převodník PNG na ICO a vložte do něj svůj obrázek.
• Nechte ho převést a poté stáhněte soubor .ico.
• Přidejte ho na svůj web jako favicon.ico, nebo na něj odkažte ve svém HTML.

Začínáte z jiného formátu? Použijte převodník JPG na ICO pro fotografii nebo ploché logo, nebo SVG na ICO, pokud je vaše značka vektorová: vektorový zdroj je ideální, protože se čistě vykreslí na jakoukoli velikost, kterou ikona potřebuje. Každý převod probíhá ve vašem prohlížeči, takže obrázek se nikdy nikam nenahrává.

Ikona může být jen tak čistá, jako materiál, který jí dáte. Pokud váš obrázek není čtvercový, nejprve ho ořežte na čtverec v editoru fotografií, aby převodník nemusel hádat: vystřeďte důležitou část a zbytek odřízněte. Zjednodušte nabitou grafiku na jeden výrazný tvar nebo písmeno, protože jemné detaily se ve velikosti faviconu změní v kaši.

Pokud vaše logo existuje jako vektorová grafika, uchovávejte ho co nejdéle jako SVG a na ICO ho převeďte až nakonec: vektory zůstávají ostré, protože se vykreslují přesně na požadovanou velikost v pixelech, místo aby se natahovaly z malé bitmapy. Související informace o čistém rastrování vektorů najdete v článku převod SVG na PNG bez ztráty kvality.