Přidání ikony Favicon nebo Oblíbené položky

Nastavte vlastní ikonu pro čtenáře, které si zaškrtnou vaše stránky

Všimli jste si někdy malou ikonu, která se zobrazuje v záložkách a na kartě některých webových prohlížečů? To se nazývá oblíbená ikona nebo favicon.

Favicon je důležitou součástí marketingu vašich webových stránek, ale překvapilo by vás, kolik stránek nemá. To je nešťastné, protože je relativně snadné vytvořit, obzvláště pokud již máte grafiku a loga pro vaše stránky.

Nejprve vytvořte Favicon Vytvořte svůj obrázek

Pomocí grafického programu vytvořte obrázek, který je 16 x 16 pixelů. Některé prohlížeče podporují jiné velikosti, včetně 32 x 32, 48 x 48 a 64 x 64, ale v podporovaných prohlížečích byste měli testovat velikosti větší než 16 x 16. Nezapomeňte, že velikost 16 x 16 je velmi malá, proto vyzkoušejte mnoho různých verzí, dokud nevytvoříte obrázek, který bude pro váš web fungovat. Jedním ze způsobů, jak toho mnoho lidí dělá, je vytvořit obrázek, který je mnohem větší než malá velikost, a pak jej měnit. To může fungovat, ale často větší obrázky nevypadají dobře, když se zmenšují.

Dáváme přednost práci s malou velikostí přímo, protože je mnohem jasnější, jak se obraz bude na konci dívat. Grafický program můžete přiblížit a vytvořit obrázek. Když bude zvětšeno, bude vypadat obskurně, ale to je v pořádku, protože to nebude tak samozřejmé, pokud nebude zvětšeno.

Můžete uložit obrázek jako typ souboru obrázků, který se vám líbí, ale mnoho generátorů ikon (popsaných níže) může podporovat pouze soubory GIF nebo BMP . Také soubory GIF používají ploché barvy a často se zobrazují v malém prostoru lépe než fotografie ve formátu JPG.

Převedení obrázku Favicon na ikonu

Jakmile máte přijatelný obraz, musíte jej převést na formát ikony (.ICO).

Pokud se snažíte vytvořit ikonu rychle, můžete použít online generátor Favicon, jako je FaviconGenerator.com. Tyto generátory nemají tolik funkcí, jako software generující ikony, ale jsou rychlé a mohou vám za pár vteřin získat favicon.

Favicons jako obrázky PNG a další formáty

Stále více prohlížečů podporuje více než jen ICO soubory jako ikony. Právě teď můžete mít favicon ve formátech jako PNG, GIF, animované GIF, JPG, APNG a dokonce i SVG (pouze na operaci). V mnoha prohlížečích existují problémy s podporou pro většinu těchto typů a Internet Explorer podporuje pouze .ICO . Takže pokud potřebujete ikonu zobrazovat v IE, měli byste se držet ICO.

Publikování ikony

Je jednoduché publikovat ikonu, jednoduše ji nahrát do kořenového adresáře vašeho webu. Například ikona Thoughtco.com se nachází na /favicon.ico.

Některé prohlížeče naleznou favicon, pokud žije v kořenovém adresáři vašich webových stránek, ale pro nejlepší výsledky byste měli přidat odkaz na tuto stránku z každé stránky vašeho webu, kde chcete favicon. To také umožňuje používat soubory s jiným názvem než favicon.ico nebo je ukládat do různých adresářů.