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

Obsah:

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

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

Video: Jak vytvořit soubor Favicon.ico: 5 kroků (s obrázky)
Video: TUTORIAL - Jak zrychlit stahování na Utorentu. 2024, Smět
Anonim

Když navštěvujete webové stránky jako Google, Yahoo nebo wikiHow, vlevo od adresního řádku se vám může zobrazit malá ikona. Tato ikona je známá jako favicon a můžete si ji vytvořit pro svůj vlastní web. Kromě toho, že web působí profesionálně, se tato ikona objeví v segmentu záložek uživatele, vedle webů, které označí jako oblíbené. Uživatelé tak budou moci snáze najít váš web.

Krok

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

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

Pro snadnou identifikaci použijte jednoduché obrázky.

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

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

Soubor musí být pojmenován tak, aby jej prohlížeč rozpoznal. Nejjednodušší způsob, jak to udělat, je použít službu Dynamic Drive FavIcon Generator. Můžete také použít bezplatný program pro úpravu obrázků GIMP a uložit obrázek s rozlišením 16 x 16 pixelů ve formátu ICO.

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

Krok 3. Nahrajte vytvořený soubor na web

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

Krok 4. Přidejte následující kód do HTML webové stránky

Musíte jej přidat do segmentu kódu a ujistit se, že adresa adresáře ikon je správná, podle webové stránky. Zde je kód, který budete muset zadat (za předpokladu, že soubory.html i.ico jsou ve stejném horním/hlavním adresáři):

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

Krok 5. Znovu načtěte stránku, podívejte se a obdivujte krásnou novou ikonu pro svůj web

Tipy

  • Přestože jsou velmi malé, ujistěte se, že lidé mohou snadno číst nebo rozumět použitým ikonám.
  • Pokud používáte operační systém Linux, můžete převádět soubory přímo z počítače. Vyberte příslušný obrázek, otevřete program příkazového řádku (příkazový řádek), navštivte adresář, kde je uložen soubor obrázku, a zadejte: převést image-p.webp" />

Doporučuje: