Genfavicon – vytváření ikon pro webové stránky z obrázků

Rychle vygenerujte svou favicon z obrázku nahráním obrázku níže. Stáhněte si favicon v nejaktuálnějších formátech.

konvertor

Přetáhněte soubor sem nebo jej nahrajte kliknutím sem.

Instalace

Nejprve pomocí tlačítka stahování stáhněte níže uvedené soubory. Umístěte soubory do kořenového adresáře vašeho webu.

• android-chrome-192×192.png
• android-chrome-512×512.png
• apple-touch-icon.png
• favicon-16×16.png
• favicon-32×32.png
• favicon.ico
• site.webmanifest

Dále zkopírujte následující značky odkazů a vložte je do hlavy HTML.

O generátoru favicon

Pokud již máte obrázek, který byste chtěli použít jako favicon na svém webu, toto je nástroj, který potřebujete. Generátor favicon převede váš obrázek na favicon. Můžete nahrát PNG, JPG nebo BMP a generátor favicon vygeneruje soubor ICO.

Pro nejlepší výsledek byste měli nahrát čtvercový obrázek. Pokud potřebujete obrázek oříznout, můžete použít standardní nástroj pro úpravu obrázků. Jakmile je obrázek připraven, nahrajte jej pomocí výše uvedeného nástroje. Dále ověřte, zda je náhledový obrázek podle vašich představ. Nakonec pomocí tlačítka stahování exportujte svou favicon ve formátu ICO.

Proč potřebuji soubor ICO místo PNG?

Soubor ICO je speciální soubor obrázku, který používá prohlížeč. Jedinečnou vlastností souboru ICO je, že je vícevrstvý. Každá vrstva favicon obsahuje jinou velikost obrázku. Běžné velikosti favicon ve formátu ICO jsou 16x16px, 32x32px a 48x48px.

Pro nejlepší kompatibilitu mohou webové prohlížeče využít soubor ICO generovaný generátorem favicon. Prohlížeče budou používat různé velikosti pro zobrazení v různých oblastech webu, jako je lišta záložek, adresní řádek, karta prohlížeče a jako zástupce na ploše.

Jaké typy obrázků fungují nejlépe pro generátor favicon?

Generátor favicon funguje nejlépe s jednoduchou ikonou, logem nebo písmenem. Složité nebo složité návrhy nefungují dobře, když se jejich velikost mění pomocí generátoru favicon, protože se ztrácí mnoho detailů. Pokud je vaše logo velmi složité, doporučujeme vygenerovat favicon z textu pomocí alternativního generátoru.