Keď navštevujete webové stránky ako Google, Yahoo alebo wikiHow, vľavo od panela s adresou sa vám môže zobraziť malá ikona. Táto ikona je známa ako favicon a môžete si ju vytvoriť pre svoj vlastný web. Okrem toho, že stránka dodáva profesionálny dojem, zobrazí sa v segmente záložiek používateľa vedľa stránok, ktoré označí ako obľúbené. Užívatelia tak môžu jednoduchšie nájsť váš web.
Krok
Krok 1. Vytvorte obrázok s veľkosťou 16 x 16 pixelov
Na jednoduchú identifikáciu používajte jednoduché obrázky.
Krok 2. Preveďte obrázok na súbor „favicon.ico“
Súbor musí byť pomenovaný tak, aby ho prehliadač rozpoznal. Najľahšie to urobíte pomocou služby Dynamic Drive FavIcon Generator. Môžete tiež použiť bezplatný program na úpravu obrázkov GIMP a uložiť obrázok s rozlíšením 16 x 16 pixelov vo formáte ICO.
Krok 3. Odošlite vytvorený súbor na webovú stránku
Krok 4. Pridajte nasledujúci kód do HTML webovej stránky
Musíte ho pridať do segmentu kódu a uistiť sa, že adresa adresára ikon je správna podľa webovej stránky. Tu je kód, ktorý budete musieť zadať (za predpokladu, že súbory.html aj.ico sú v rovnakom hornom/hlavnom adresári):
Krok 5. Znova načítajte stránku, pozrite sa a obdivujte krásnu novú ikonu pre svoj web
Tipy
- Napriek tomu, že sú veľmi malé, uistite sa, že ľudia môžu ľahko čítať a rozumieť použitým ikonám.
- Ak používate operačný systém Linux, môžete súbory prevádzať priamo z počítača. Vyberte príslušný obrázok, otvorte program príkazového riadka (príkazový riadok), navštívte adresár, kde je uložený súbor s obrázkom, a zadajte: convert image-p.webp" />
