Ikona webu, nebo, jak se častěji nazývá, ikona je to, co vidíte v rohu vedle názvu karty v prohlížeči. Ikona se také zobrazí oproti názvu webu v seznamu „Oblíbené“. Můžete ji také vidět, když vyhledávač zobrazí vaše stránky ve výsledcích vyhledávání.
Je to nutné
- - logo webu,
- - Photoshop,
- převodník favicon.
Instrukce
Krok 1
Otevřete logo svého webu v Adobe Photoshopu. Pokud zde není žádné logo, můžete pořídit jakýkoli jiný obrázek, je jen důležité, aby bylo spojeno s vaším webem. Zpracujte obrázek odstraněním všech nepotřebných detailů a nyní zmenšete jeho velikost na 32 nebo 16 pixelů na každé straně. Poté obrázek uložte jako grafický soubor.png
Krok 2
Nejlepší ze všeho je, že když vytvoříte soubor s rozlišením 32 x 32 pixelů, protože uživatelé někdy ukládají zástupce „webů, které se jim líbí“na „Plochu“, a obrázky 16 x 16 pixelů vypadají nedostatečně podrobně. Mějte však na paměti, že v prohlížeči bude vaše ikona stále zvětšena na 16x16 pixelů, jedná se o obrázky, které se zobrazují v oblíbených položkách a v nadpisu.
Krok 3
Nyní musíte obrázek převést do souboru ico. To lze provést pomocí zásuvného modulu pro Photoshop nebo pomocí bezplatné internetové služby, například https://favicon.ru/. Existuje spousta pluginů a služeb, fungují téměř stejně, takže nemá smysl radit žádným konkrétním. Tyto stránky se nazývají generátory favicon.
Krok 4
Výsledný soubor přejmenujte na favicon.ico.
Krok 5
Nyní přejděte do ovládacího panelu svého webu a najděte kořenový adresář, kde je umístěna první stránka. Obvykle se jedná o index.html nebo jiný soubor, který systém pro správu obsahu generuje. Ikona s názvem favicon.ico již může být. V takovém případě odstraňte starou ikonu a nahraďte ji vlastní.
Krok 6
Pokud nemáte kořenový adresář k dispozici, stejně jako v těch případech, kdy jste si kód webu napsali sami, musíte upravit všechny stránky webu, na kterých by se ikona měla objevit. Otevřete stránku v editoru a přidejte položku do hlavní sekce
Krok 7
Pokud se ikona nenachází v kořenovém adresáři, ale někde jinde, pak do parametru href napište úplnou cestu k souboru.
