Ikona webu, alebo, ako sa to častejšie nazýva, ikona, ktorú vidíte v rohu vedľa názvu karty v prehliadači. Ikona sa tiež zobrazí oproti názvu stránky v zozname „Obľúbené“. Môžete ju tiež zobraziť, keď vyhľadávač zobrazí vašu stránku vo výsledkoch vyhľadávania.
Je to nevyhnutné
- - logo stránky,
- - Photoshop,
- prevodník favicon -.
Inštrukcie
Krok 1
Otvorte logo svojej webovej stránky v programe Adobe Photoshop. Ak tam nie je žiadne logo, môžete nasnímať akýkoľvek iný obrázok, je len dôležité, aby bolo spojené s vašou stránkou. Spracujte obrázok odstránením všetkých nepotrebných detailov a teraz znížte jeho veľkosť na 32 alebo 16 pixelov na každej strane. Potom obrázok uložte ako grafický súbor.png
Krok 2
Najlepšie zo všetkého je, že ak nakoniec vytvoríte súbor s rozlíšením 32 x 32 pixelov, pretože používatelia niekedy ukladajú odkazy na weby, ktoré sa im páčia, na plochu, a obrázky 16 x 16 pixelov vyzerajú nedostatočne podrobne. Nezabúdajte však, že v prehliadači bude vaša ikona stále zmenšená na 16 x 16 pixelov, to sú obrázky, ktoré sa zobrazia v obľúbených položkách a v nadpise.
Krok 3
Teraz musíte previesť obrázok do súboru ico. Môžete to urobiť pomocou doplnku pre Photoshop alebo pomocou bezplatnej internetovej služby, napríklad https://favicon.ru/. Existuje veľa doplnkov a služieb, fungujú takmer rovnako, takže nemá zmysel radiť žiadnym konkrétnym. Tieto stránky sa nazývajú generátory favicon.
Krok 4
Výsledný súbor premenujte na favicon.ico.
Krok 5
Teraz choďte na ovládací panel vášho webu a nájdite koreňový adresár, kde je umiestnená prvá stránka. Spravidla ide o index.html alebo iný súbor, ktorý vygeneruje systém na správu obsahu. Ikona s názvom favicon.ico už môže existovať. V takom prípade odstráňte starú ikonu a nahraďte ju vlastnou.
Krok 6
Ak nemáte koreňový adresár k dispozícii, rovnako ako v tých prípadoch, ak ste si kód webu napísali sami, musíte upraviť všetky stránky webu, na ktorých by sa mala ikona zobraziť. Otvorte stránku v editore a pridajte záznam do hlavnej časti
Krok 7
Ak sa ikona nenachádza v koreňovom adresári, ale niekde inde, potom do parametra href zadajte úplnú cestu k súboru.
