Jak vytvořit Favicon.ico: 5 kroků (s obrázky)

Obsah:

Jak vytvořit Favicon.ico: 5 kroků (s obrázky)
Jak vytvořit Favicon.ico: 5 kroků (s obrázky)

Video: Jak vytvořit Favicon.ico: 5 kroků (s obrázky)

Video: Jak vytvořit Favicon.ico: 5 kroků (s obrázky)
Video: JAK ZVÝŠIT VÝKON POČÍTAČE / NOTEBOOKU 🔥| 5 tipů a triků | o 100% rychlejší PC | FPS zvýšení | CZ/SK 2024, Smět
Anonim

Když navštívíte web jako Google, Yahoo nebo wikiHow, můžete si všimnout, že vlevo od adresního řádku je malá ikona. Toto je známé jako favicon a pro webové stránky si můžete vytvořit vlastní. Kromě toho, že váš web bude působit profesionálnějším dojmem, zobrazí se ikona v záložkách uživatele vedle jakýchkoli stránek na vašem webu, které vloží do oblíbených. To jim může pomoci snáze najít váš web.

Kroky

Vytvořte Favicon.ico Krok 1
Vytvořte Favicon.ico Krok 1

Krok 1. Vytvořte obrázek o velikosti 16 x 16 pixelů

Měl by to být jednoduchý obrázek, aby byl okamžitě rozpoznatelný.

Vytvořte Favicon.ico Krok 2
Vytvořte Favicon.ico Krok 2

Krok 2. Převeďte obrázek na soubor favicon.ico

Musí se to jmenovat přesně takto, jinak to prohlížeč nerozpozná. Snadný způsob, jak to udělat, je použít generátor FavIcon Dynamic Drive. Dalším způsobem je použít bezplatný editor obrázků GIMP a uložit obrázek 16x16 ve formátu ICO.

Vytvořte Favicon.ico Krok 3
Vytvořte Favicon.ico Krok 3

Krok 3. Nahrajte vygenerovaný soubor na vaše webové stránky

Vytvořte Favicon.ico Krok 4
Vytvořte Favicon.ico Krok 4

Krok 4. Přidejte následující kód do HTML vašeho webu

Měli byste jej vložit do části kódu a ujistit se, že cesta k ikoně je správná vzhledem k webové stránce. Následuje kód (za předpokladu, že.html i.ico jsou ve stejném horním adresáři):

Vytvořte Favicon.ico Krok 5
Vytvořte Favicon.ico Krok 5

Krok 5. Obnovte stránku, ustupte zpět a obdivujte krásnou novou ikonu svého webu

Tipy

  • Přestože bude vaše ikona velmi malá, ujistěte se, že ji ostatní lidé snadno přečtou/porozumí.
  • Pokud používáte Linux, můžete soubor převést přímo na počítači. Stačí vybrat vhodný obrázek, otevřít příkazový řádek, přejít do adresáře, kam obrázek uložíte, a zadat: převést obrázek-p.webp" />

Doporučuje: