Keď navštívite webovú stránku, ako je Google, Yahoo alebo wikiHow, môžete si všimnúť, že vľavo od panela s adresou je malá ikona. Toto je známe ako favicon a pre webové stránky si môžete vytvoriť svoje vlastné. Okrem toho, že váš web bude pôsobiť profesionálnejšie, ikona sa zobrazí v záložkách používateľa vedľa všetkých stránok na vašom webe, ktoré zaradil medzi obľúbené. To im môže pomôcť jednoduchšie nájsť váš web.
Kroky
Krok 1. Vytvorte obrázok s rozmermi 16 x 16 pixlov
Mal by to byť jednoduchý obrázok, aby bol okamžite rozpoznateľný.
Krok 2. Premeňte obrázok na súbor favicon.ico
Musí sa volať presne takto, inak ho prehliadač nerozpozná. Jednoduchý spôsob, ako to urobiť, je použiť generátor dynamických pohonov FavIcon. Ďalším spôsobom je použiť bezplatný editor obrázkov GIMP a uložiť obrázok 16 x 16 vo formáte ICO.
Krok 3. Nahrajte vygenerovaný súbor na vaše webové stránky
Krok 4. Pridajte nasledujúci kód do kódu HTML vašich webových stránok
Mali by ste ho vložiť do sekcie kódu a uistiť sa, že cesta k ikone je správna vzhľadom na webovú stránku. Nasleduje kód (za predpokladu, že.html aj.ico sú v rovnakom najvyššom adresári):
Krok 5. Obnovte stránku, ustúpte a obdivujte krásnu novú ikonu svojich webových stránok
Tipy
- Aj keď bude vaša ikona veľmi malá, uistite sa, že ju ostatní ľudia ľahko prečítajú/porozumejú.
- Ak používate Linux, môžete súbor previesť priamo na počítači. Stačí si vybrať vhodný obrázok, otvoriť príkazový riadok, prejsť do adresára, kam obrázok uložíte, a napísať: previesť obrázok-p.webp" />