Generátor favicon
Převeďte jeden obrázek PNG, JPG nebo SVG na favicon.ico a všechny velikosti ikon, které váš web potřebuje, zabalené v souboru ZIP.
Celý obrázek zůstane viditelný, vycentrovaný s prázdnými okraji kolem.
Průhledné pozadí se hodí pro záložky prohlížeče; pro ikony na domovské obrazovce iPhonu je bezpečnější zvolit barvu pozadí.
Zde se zobrazí vaše favicona a balíček ikon.
Umístěte soubory do kořenového adresáře svého webu a poté přidejte tyto řádky na každou stránku.
Váš obrázek se převádí na ikony přímo v prohlížeči. Na servery BroBroGo se nic nenahrává.
Časté dotazy
Které soubory jsou součástí balíčku ikon?
Soubor favicon.ico obsahující verze 16, 32 a 48 pixelů, ikony PNG o velikostech 16, 32, 180, 192 a 512 pixelů a soubor site.webmanifest, který odkazuje na velké ikony. Pokud začnete s formátem SVG, bude zahrnut i samotný vektor. Vše je zabaleno v jednom ZIP archivu.
Jakou velikost by měl mít zdrojový obrázek?
Ideální je formát SVG – každá ikona se vykresluje přímo z vektoru, takže zůstává ostrá i při velikosti 16 pixelů. U formátů PNG nebo JPG začněte s rozlišením alespoň 512 × 512; menší obrázky se musí zvětšit a mohou působit rozmazaně.
Mělo by být pozadí průhledné, nebo barevné?
Ikony na záložkách vypadají skvěle s průhledným pozadím. Domovské obrazovky iPhonů a iPadů však průhledná místa vykreslují černě – pokud si uživatelé mohou přidat váš web na plochu, doporučujeme zvolit barvu pozadí.
Co se stane s obrázkem, který není čtvercový?
Ikony jsou čtvercové, ale váš obrázek se nikdy nedeformuje. Ve výchozím nastavení se vycentruje a doplní okraji; přepnutím na možnost „Vyplnit (oříznout)“ naopak přečnívající okraje oříznete.
Kam mám soubory na svém webu umístit?
Nahrajte je do kořenového adresáře svého webu tak, aby byl soubor favicon.ico dostupný na adrese /favicon.ico, a poté vložte vygenerované řádky do sekce <head> svých stránek. Prohlížeče si samy vyberou správnou velikost.