Jak Přidat Ikonu Na Web

Obsah:

Jak Přidat Ikonu Na Web
Jak Přidat Ikonu Na Web

Video: Jak Přidat Ikonu Na Web

Video: Jak Přidat Ikonu Na Web
Video: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, Listopad
Anonim

Když otevřete některé webové stránky vedle jejich doménových jmen v adresním řádku, uvidíte malý obrázek - ikonu. Stejný obrázek se zobrazí na kartě s otevřenou stránkou webu v levém horním rohu. Ikona je druh loga pro váš web, rozlišovací znak, takže znalost toho, jak takové značky instalovat, nebude pro webmastera zbytečná.

Jak přidat ikonu na web
Jak přidat ikonu na web

Instrukce

Krok 1

Nejprve nezapomeňte, že soubor ikony musí mít příponu.ico a název favicon, tj. Favicon.ico. V tomto případě musí být velikost obrázku 16x16 pixelů. Můžete zkusit nakreslit ikonu ve Photoshopu. Kreslení samozřejmě uspějete. Chcete-li však uložit výkres ve formátu.ico, potřebujete speciální plugin. Umístěte jej do složky Plug-Ins / Formáty souborů umístěné v adresáři c: / Program Files / Adobe / Photoshop CS.

Krok 2

Poté, co jste nakreslili ikonu a uložili ji v požadovaném formátu, umístěte ji do kořenového adresáře webu. Obrázek samozřejmě není nutné umisťovat. Ale pak musíte určit cestu k němu:

Krok 3

Je také přípustné použít obrázek s jinou příponou, například

Pokud je obrázek ve formátu png, musí být použit textový obrázek / png, obrázek /

Krok 4

Pokud je váš web vytvořen na stroji (například na Wordpressu), pak je vše mnohem jednodušší: znovu nejprve zkopírujte soubor s ikonou do kořenového adresáře blogu (public_html folder). Poté otevřete soubor header.php a mezi značkami a přidejte následující kód:

  • Krok 5

    K dispozici jsou také speciální služby pro vytváření ikon. Jedním z nich je prostředek s názvem favicon.cc, jehož odkaz je uveden v části Další zdroje. Vše, co musíte udělat, je vybrat požadovanou barvu a nakreslit požadovaný obrázek. Stačí uložit svůj výtvor a ikona je připravena. Můžete ale také převést hotový obrázek do formátu.ico. S tím vám pomůže služba favicon.ru, jejíž odkaz je rovněž uveden v části „Další zdroje“. Vyberte požadovaný obrázek, klikněte na tlačítko „Vytvořit favicon.ico“a poté stáhněte výsledný obrázek.

  • Doporučuje: