Velikost Favicon v pixelech. Ikona webových stránek: vytvářet a upravovat

Je to jen malý obrázek a kolik je kolem něj. Ikona místa je tím, co by mělo být vybaveno každý seberepujujícím zdrojem, protože je to favicon, který zobrazuje firemní identitu společnosti. Ale co je favicon, jaká je jeho velikost, jak přidat tento obrázek na web? Všechno je napsáno v článku.

To je favicon

Pokud doslovně překládáte tento termín, získáte "oblíbený obrázek". Toto slovo pochází z kombinace dvou anglických slov: oblíbené, tedy vybrané, a ikony, tj. Obrázku nebo ikony.

Umístění favicons - řádek adresy webového zdroje na kartě prohlížeče nebo seznam oblíbených záložek. V některých vyhledávačích se favikony nacházejí v blízkosti zdrojů na stránkách vyhledávání. Například v "Yandex". Je také třeba poznamenat, že vyhledávací algoritmy pro tento systém při hledání výsledků nejprve upřednostňují zdroje, které mají ikonu webu.

Proto ignorujte význam tohoto obrazu. Nechte velikost favicon a malý, je to značka zdroje, přitahuje uživatele a ovlivňuje kompilaci prvního dojmu z webu.

Ze stránek historie

Poprvé se v roce 1999 objevila koncepce "favicon". Poté společnost "Microsoft" vydala novou verzi Explorer prohlížeče. V této aktualizované verzi aplikace Internet Explorer 5 bylo možné použít favicon. Chcete-li to provést, musíte nahrát obrázek s příponou .ico do hlavní složky webu.

Stažený obrázek by měl mít formát http:// "název webu" /favicon.ico. Pouze v takovém případě by prohlížeč mohl použít v záložce odpovídající velikost favicon a v blízkosti adresního řádku webu, který je umístěn v záložkách. Ale to už dávno je zastaralé technologie, nyní ikona webu je podporována na stránkách a bez záložky. Kromě toho jsou k dispozici různé formáty oblíbených obrázků. Nyní můžete použít nejen obrázek s příponou .ico, ale také vhodné jsou formáty .jpg, .png, .gif a .jpeg.

Vlastnosti formátů

Jak již bylo zmíněno dříve, jako favicon byl použit pouze obraz s příponou .ico. A to zjednodušilo mnoho úkolů, mohli byste vzít snímky, které chcete, aby odpovídaly velikosti favikonu a jednoduše změnit rozšíření. Nyní se na tom podílejí speciální služby, ale vzhledem k tomu, že počet formátů se zvýšil, musíte mít alespoň základní znalosti o jejich funkcích.

Nejčastější formáty pro dnešek jsou .png a .ico:

• . ico - tento formát je ideální pro Windows. Obrázky s tímto rozšířením mají různá rozlišení a barevné hloubky. To znamená bitovou hloubku, která charakterizuje informace o barvě pro každý pixel a činí obraz přesnější. Pro aplikaci Internet Explorer je to skvělé řešení, protože zde lze použít favikony různých velikostí.
• . png - soubory tohoto rozšíření jsou pohodlnější pro použití. To se vysvětluje tím, že k vytvoření ikony webu nejsou potřebné žádné další nástroje. Navíc formát podporuje kanál masky, pomocí něhož můžete vytvořit snímek nejmenší velikosti bez ztráty kvality obrazu. Jediné, co je tento formát nižší než předchozí, je nemožnost zobrazení favikonu v aplikaci Internet Explorer.

Další rozšíření

Pokud jde o ostatní formáty, každá z nich má své vlastní výhody a nevýhody. Všechny se zobrazují v závislosti na tom, který prohlížeč je zobrazen. Například .gif obrázky nejsou kompatibilní se staršími prohlížeči. Obrázky .jpg postrádají kvalitu a jasnost obrazu, ale hladké přechody mezi barvami. Favicony formátu .svg mají vynikající kvalitu obrazu, jsou k dispozici pouze v prohlížeči Opera.

Animovaná ikona stránky .apng zůstává v pochybnosti, protože pohyblivý obraz může odvést pozornost uživatele od hlavních informací. Na jedné straně přiděluje prostředek mimo jiné a na druhé straně může být neprůhledné s konstantním blikáním.

Velikost je důležitá

V klasické verzi je velikost ikony přibližně 16 × 16 pixelů. Alespoň to tak bylo až do nedávné doby. Ale s rozvojem technologie se začala zvyšovat velikost favikonu. Nyní je maximální velikost ikony 64x64 pixelů. Tato dynamika rozšíření oblíbeného snímku je vyvolána touhou (a tím i schopností) uživatelů ukládat místní odkazy do svých složek nebo na pracovní plochu, aby měli rychlý přístup.

Dnes existuje 5 velikostí favicon:

• 16x16;
• 24x24;
• 32x32;
• 48x48;
• 64x64;

Přidání ikony

Všechny tyto rozměry by se měly vejít do jedné favikony na webu a to poněkud komplikuje úkol vytvořit oblíbený obrázek. Ale dnes mají všechny prohlížeče funkci pro přehrávání favikonu zvlášť pro každou stránku. To znamená, že v závislosti na požadavku prohlížeče automaticky vybírají velikost stránky favionu.

Chcete-li na webu nainstalovat favicon, stačí jednoduše sledovat jednoduchý algoritmus:

1. Nejprve musíte vytvořit favicon. Tento proces by neměl způsobovat nepříjemnosti. Nejprve je třeba vybrat obrázek, který umístí místo a upravovat jej pomocí speciálního serveru, který automaticky upraví obraz na standardní velikost favikonu.
2. Za druhé je nutné stáhnout výsledný materiál do kořenové složky webu.
3. A za třetí zadejte značku takový kód:

Nepoškozujte obraz

Jak již bylo zmíněno, favicon je značka, tvář stránek. Proto je nesmírně důležité pochopit, jaká ikona by měla být, aby přilákala pozornost návštěvníků, a ne odcizit je. Velikost favikonu v pixelech je velmi malá, nicméně hraje klíčovou roli v procesu personalizace webu. Bylo by logické vytvořit favicon tak, aby odpovídal celkovému návrhu zdroje. Je důležité si uvědomit, že ikona webu by měla vytvořit první dojem o tom, ale pokud favicon není spojen se zdrojem, pak je lepší jednoduše odstranit.

Druhou věcí, která stojí za to věnovat pozornost, je snadnost vnímání. Ikona by měla být jednoduchá, aby ji každý uživatel pochopil, a to se ani netýká.

Hlavním úkolem favikonu je znázornění klíčového tématu zdroje. Nikdo však zakazuje používat k tomu veškerou svou kreativitu. Pokud například web prodává spotřebiče pro domácnost, pak můžete samozřejmě použít jako favikon obrázek pračky nebo ledničky. Ale jak se bude prostředek lišit od stovek podobných a jak se bude pamatovat? Co když se pokusíte experimentovat s názvem projektu? Například "Yandex" je už dlouho, rozeznatelný díky červenému dopisu "I". To je hlavní rys favikonu, jako značky - narazit do paměti uživatele a charakterizovat určitou lokalitu, odlišující ji od stovek dalších.

Programy pro vytváření favikonů

Dnes může každý webmaster využít speciální služby k vytváření favikonů. Kromě toho existují trojrozměrné galerie, ze kterých si můžete vybrat ikonu připravené na profesionální úrovni. Mezi tvůrci stránek je obzvláště oblíbená galerie IconJ. Není to jen adresář, ale také generátor. Zájemci si mohou z katalogu vybrat ikonu svého zdroje, který obsahuje více než 18 000 obrázků nebo si vytvoří vlastní favicon.

Na vesmíru Runetu je oblíbená základna favicon z reklamní agentury Web Audit. Pokud jde o cizí zdroje, nejlepší volbou pro vytvoření a výběr ikony webu je Favicon.cc. Zde můžete použít speciální funkce pro nastavení barevné schéma, oříznutí obrázku nebo ukládání dalších vrstev.

Vytvoření favikonu nevyžaduje zvláštní znalosti nebo jedinečné dovednosti a jeho přítomnost může výrazně zvýšit míru prokliku a v důsledku toho zvýšit návštěvnost. Nejdůležitější je pamatovat, že každá ikona je značka, která by měla být zapamatovatelná a srozumitelná.