Как да инсталирам Favicon на сайта?

Favicon е съкращение за "избраната икона" (преведено от английски). Името идва от списъка с отметки в Internet Explorer, който се нарича "Favorites" / "Favorites List". Когато добавите сайт към раздела "Изследовател" (версия 5 и по-нова), той ще попита сървъра, ако има файл favicon.ico. Ако такъв файл съществува, той ще се използва, за да се покаже икона, която да се показва до маркера с текста.

Други браузъри (например Mozilla) също имат поддръжка за favicon. В зависимост от програмата за търсене, тази икона може да се показва на различни места, не само в списъка с отметки (всъщност може да не се появи дори там). Показва се в адресната лента или раздела в раздела "Браузър".

Икони в разделите на браузъра

Повечето потребители по принцип имат много отворени раздели в прозореца на браузъра. С увеличаването на броя на раздели името на сайтовете е скрито. Favicon помага на потребителя да идентифицира връзката и бързо да премине към раздела, който искате да отворите.

Освен това, ако потребителят иска да добави своя любим сайт към работния плот на мобилното устройство, ще се използва иконата. Следователно, преди да инсталирате Favicon, трябва винаги да решавате избора на картината. Такава икона на сайт се показва като икона на приложение на работния плот на таблета или смартфона.

Как да създадете Favicon?

За да създадете favicon.ico, просто трябва да запазите PNG файла 16x16 и да го конвертирате в иконката за ресурси от png2ico. По Ваша преценка можете да добавите различни изображения към една и съща икона, за да предоставите алтернативни решения. Повечето браузъри използват само 16х16 формат за това изображение, но в различен контекст (например при преместване на URL адрес от адресната лента на работния плот) на фигурата може да се покаже голяма икона. Ако иконата за ресурси съдържа само 16x16 изображения, тя ще бъде мащабирана до желания размер, така че технически няма абсолютно никаква нужда от добавяне на алтернативни решения. Това обаче може да подобри качеството на изображението. Преди да инсталирате favicon на сайта, не забравяйте да погледнете как изглежда картината в различни размери.

Имайте предвид, че за потребител с бавна интернет връзка, Favicon може да увеличи времето за зареждане на страницата с няколко секунди. Това е възможно, ако файлът с изображението е твърде голям, така че не го прекалявайте. Добавянето на алтернативен формат 32x32 трябва да бъде достатъчно, за да изглежда картината добре дори в ситуации с големи икони. Използването на повече опции е бонус, изпълняван само по искане на разработчика на сайта. Опитайте се да запазите броя на цветовете до 16 и да създадете 16-цветна икона с png2ico (или дори черно-бяла икона). Това ще запази по-малък файл, който се зарежда по-бързо.

Когато създавате изображение, което да бъде добавено към favicon.ico, не забравяйте, че иконите могат да се показват в различен цвят на фона. Поради тази причина е по-добре да се използва прозрачност, отколкото солидна основа. Добре си помислете как да инсталирате favicon най-компетентно, така че да е в хармония с всеки фон. Заслужава да се отбележи, че можете да зададете междинни стойности, които се измерват в проценти. Експертите казват, че корекцията е идеална, което включва около 30-40% прозрачност на фона.

Можете да използвате логото на вашата марка, символ на тема за ресурса или любимо изображение, за да направите иконата на вашия сайт. Препоръчителният размер на фавикон е най-малко 512 пиксела широк и висок. Изображението трябва да е квадратно, но можете да използвате големи правоъгълни снимки. Много двигатели ще ви позволят да изрежете картината, когато я добавите (така че не се притеснявайте как да инсталирате favicon на SMF като голям образ).

Създаване на икона чрез Photoshop

Експертите препоръчват използването програма за редактиране на изображения, например Adobe Photoshop или GIMP. Това ще създаде икона на сайта точно 512 × 512 пиксела. По този начин можете да запазите точните пропорции на снимката, да използвате прозрачни изображения или да запълнете фон по ваш избор. Тази снимка може да бъде включена формати PNG, JPEG или GIF. След това трябва да определите как да инсталирате favicon на сайта.

Защо трябва да добавя към сайта?

Както вече беше отбелязано, иконата на favicon е малка икона, която се появява до името на сайта в браузъра. Той помага на потребителите да идентифицират връзката и по-честите посетители на сайта Ви незабавно ще идентифицират този малък образ. Това повишава осведомеността за марката и помага да се спечели доверие сред аудиторията. По този начин, favicon определя "личността" на вашия сайт. Освен това, той подобрява използваемостта и потребителския опит на сайта.

Как да инсталирате favicon на html сайт

За да добавите новия си favicon към уеб страница, трябва да го инсталирате на сървъра в същата папка, където се намира уеб страницата (например example.com/foo/favicon.ico for example.com/foo/index.html). Това са данните, които преди всичко браузърът ще търси да изтегли. Ако не намери иконата, ще провери директорията на най-високо ниво на сървъра (example.com/favicon.ico for example.com на сървъра). Поради тази причина, ако го инсталирате там, можете да имате иконата по подразбиране за всички страници от домейна си. В зависимост от браузъра и конфигурацията, фавионът не винаги се показва, дори ако е в едно от горепосочените места и уеб страницата го вижда.

За да регистрирате наличието на Favicon в кода на страницата, можете да добавите следните 2 реда в секцията :

< link rel = "icon" href = "favicon.ico" type = "image / x-icon">
< връзка rel = "иконата за бърз достъп" href = "favicon.ico" тип e = "image / x-icon">

Как да добавите Favicon към WordPress Блог

Ако се чудите как да инсталирате Favicon директно, няма нищо прекалено сложно. Интерфейсът има съответни елементи от менюто, които ви позволяват да избирате и зареждате изображение.

Как да добавите favicon към WordPress

Започвайки с WordPress 4.3, можете да добавите favicon към сайта от администраторската област. Просто отидете на "Преглед" / "Настройки" и изберете раздела "Сайт".

Секцията на идентификатора на сайта в инструмента за персонализиране ви позволява да промените името и описанието на ресурса. Преди да излезете от менюто, ще бъдете попитани дали наистина искате да покажете новите данни в заглавката. Той също така ви позволява да качите иконата си за сайта. Трябва само да кликнете върху бутона "Изберете файл" и да качите изображението, което искате да използвате като favicon.

Добавяне на Favicon към вашия блог

Допълнителни инструкции как да инсталирате Favicon са както следва. Ако изображението, което качите, надвишава препоръчителния размер, WordPress ще ви позволи да го изрежете. Ако отговаря на препоръчителните настройки, можете просто да запазите промените. Струва си да се отбележи, че инструкцията за това как да инсталирате favicon на сайта Joomla изглежда подобна.

След това, когато преглеждате сайта, ще видите вашия favicon в действие. Можете също така да осъществите достъп до сайта от мобилното си устройство и след това да изберете "Изтеглете пълната версия" от менюто на браузъра. Ще забележите, че иконата ще се показва както на работния плот на компютъра.

Как да инсталирате Favicon върху WordPress на старата версия (4.2 или по-нова версия)

Изтеглете Favicon в главната директория на сайта чрез FTP протокола. След това можете просто да поставите този код в header.php файла на желаната тема.

< връзка rel = "икона" href = "http: // example.com/favicon.jpg" тип = "image / x-icon">

< link rel = "иконата за бърз достъп" href = "http: // example.com/favicon.jpg" тип = "image / x-icon">

Заменете wpbeginner.com с URL адреса на вашия сайт и всичко ще бъде направено. Ако блогът няма файл header.php или не можете да го намерите, използвайте специален плъгин. Инсталирайте и го активирайте в настройките на сайта. След активирането на приставката отидете на "Настройки", намерете елемента "Вмъкване на заглавки", отидете на раздела "Вмъкване на код" по-горе в секцията на заглавката и запазете настройките.

Ако не искате да разберете тънкостите на работата с FTP, но в същото време се интересувате как да инсталирате Favicon, можете да използвате и специален плъгин, който регулира зареждането на иконите на всички етапи. Такива добавки към двигателя са достъпни не само за WordPress, но и за други популярни системи, включително за Joomla.