Як усталяваць фавикон на сайт?

Фавикон - гэта скарачэнне ад «абраны значок» (у перакладзе з англійскай мовы). Назва паходзіць ад спісу закладак ў Internet Explorer, які называецца «Выбранае» / «Спіс абранага». Пры даданні сайта ў закладкі Explorer (версіі 5 і вышэй) звяртаецца да сервера з запытам, ці мае рэсурс файл favicon.ico. Калі такі файл існуе, ён будзе выкарыстоўвацца для прадастаўлення значка, які адлюстроўваецца побач з закладкай з тэкстам.

Іншыя браўзэры (напрыклад, Mozilla) таксама маюць падтрымку для фавиконок. У залежнасці ад праграмы для пошуку, гэты значок можа адлюстроўвацца ў розных месцах, не толькі ў спісе закладак (на самай справе, ён можа нават не з'яўляцца там). Ён адлюстроўваецца ў адраснай радку ці загалоўку ўкладкі браўзэра.

Значкі на ўкладках браўзэра

Большасць карыстальнікаў, як правіла, маюць шмат адкрытых укладак ў акне браўзэра. З павелічэннем колькасці ўкладак хаваецца назву сайтаў. Фавикон дапамагае карыстачу ідэнтыфікаваць спасылку і хутка пераключыцца на ўкладку, якую трэба адкрыць.

Акрамя таго, калі карыстальнік захоча дадаць свой любімы сайт на працоўны стол на мабільным прыладзе, іконка будзе таксама выкарыстоўвацца. Таму заўсёды трэба вызначыцца з выбарам малюнка перад тым, як усталяваць фавикон. Такая абразок сайта адлюстроўваецца як значок прыкладання на працоўным стале планшэта або смартфона.

Як стварыць фавикон?

Каб стварыць favicon.ico, вам неабходна проста захаваць PNG-файл памерам 16х16 і пераўтварыць яго ў значок рэсурсу з png2ico. Па ўласным меркаванні, вы можаце дадаваць розныя выявы ў адзін і той жа значок, каб забяспечыць альтэрнатыўныя рашэнні. Большасць браўзэраў выкарыстоўваюць толькі фармат 16x16 для такога малюнка, але ў іншым кантэксце (напрыклад, пры перацягванні URL з адраснай радкі на працоўны стол) вялікая абразок можа быць адлюстравана на малюнку. Калі значок рэсурсу змяшчае толькі малюнкі 16х16, ён будзе маштабавацца да патрэбнага памеру, таму тэхнічна цалкам не трэба дадаваць альтэрнатыўныя рашэнні. Аднак гэта можа павысіць якасць малюнка. Перад тым, як усталяваць фавикон на сайт, абавязкова праглядзіце, як выглядае карцінка ў розных памерах.

Майце на ўвазе, што для карыстальніка з павольным інтэрнэт-злучэннем фавикон можа павялічыць час загрузкі старонкі на некалькі секунд. Гэта магчыма, калі файл малюнка занадта вялікі, таму не перашчыруйце. Даданне альтэрнатывы фармату 32х32 павінна быць дастаткова, каб карцінка пачатку добра глядзецца нават у сітуацыях з буйнымі значкамі. Выкарыстанне большай колькасці варыянтаў - гэта бонусы, якія выконваюцца толькі па жаданні распрацоўніка сайта. Старайцеся падтрымліваць колькасць кветак да 16 і стварайце 16-каляровую абразок з дапамогай png2ico (ці нават чорна-белы значок). Гэта дазволіць захаваць меншы файл, які загружаецца хутчэй.

Пры стварэнні малюнка для дадання ў favicon.ico не варта забываць і пра тое, што абразкі могуць быць адлюстраваны на розным фонавым колеры. Па гэтай прычыне лепш выкарыстоўваць празрыстасць, а не суцэльны фон. Добра падумайце над тым, як усталяваць фавикон найбольш пісьменна, каб ён гарманавалі з любым заднім планам. Варта адзначыць, што можна ўсталёўваць прамежкавыя значэння, якія вымяраюцца ў працэнтах. Спецыялісты кажуць пра тое, што ідэальнай з'яўляецца налада, якая ўключае ў сябе прыкладна 30-40% празрыстасці фону.

Вы можаце выкарыстоўваць лагатып вашага брэнда, сімвал тэматыкі рэсурсу або любімае малюнак, каб зрабіць ваш індывідуальны значок сайта. Рэкамендуемы памер для фавикона - не менш за 512 пікселяў у шырыню і ў вышыню. Малюнак павінна быць квадратным, але можна выкарыстоўваць вялікія прастакутныя карцінкі. Многія рухавікі дазволяць вам абрэзаць малюнак, калі вы будзеце дадаваць яе (таму не варта хвалявацца аб тым, як усталяваць фавикон на SMF ў выглядзе вялікай карцінкі).

Стварэнне абразкі з дапамогай «фоташопа»

Спецыялісты рэкамендуюць выкарыстоўваць праграму для рэдагавання малюнкаў, напрыклад, Adobe Photoshop або GIMP. Гэта дазволіць стварыць значок сайта роўна 512 × 512 пікселяў. Такім чынам, вы можаце захаваць дакладныя прапорцыі карцінкі, выкарыстоўваць празрыстыя выявы або заліць фон на ваш выбар. Гэтая карцінка можа быць у фарматах PNG, JPEG або GIF. Пасля гэтага трэба вызначыць, як усталяваць фавикон на сайт.

Навошта трэба дадаваць на сайт?

Як ужо было адзначана, абразок favicon - гэта маленькі значок, які з'яўляецца побач з назвай сайта ў браўзэры. Ён дапамагае карыстальнікам ідэнтыфікаваць спасылку, а больш частыя наведвальнікі вашага сайта будуць маментальна вызначаць гэта маленькае малюнак. Гэта павышае пазнавальнасць брэнда і дапамагае заваяваць давер сярод аўдыторыі. Такім чынам, фавикон вызначае «асоба» вашага сайта. Акрамя таго, ён таксама паляпшае юзабіліці і карыстацкі досвед сайта.

Як усталяваць фавикон на сайт html

Каб дадаць ваш новы фавикон на вэб-старонку, варта ўсталяваць яго на сервер у тую ж тэчку, дзе размешчана вэб-старонка (напрыклад, www.example.com/foo/favicon.ico для www.example.com/foo/index. html). Гэта тыя дадзеныя, якія ў першую чаргу любы браўзэр будзе шукаць для загрузкі. Калі ён не знойдзе абразок, то праверыць каталог верхняга ўзроўню сервера (www.example.com/favicon.ico для www.example.com на сэрвэры). Па гэтай прычыне, калі вы ўсталюеце яго там, зможаце мець значок па змаўчанні для ўсіх старонак вашага дамена. У залежнасці ад браўзэра і канфігурацыі, фавикон не заўсёды адлюстроўваецца, нават калі ён знаходзіцца ў адным з вышэйзгаданых месцаў і вэб-старонка бачыць яго.

Для таго, каб прапісаць у кодзе старонкі наяўнасць фавикона, можна дадаць наступныя 2 радкі ў раздзеле :

Як дадаць фавикон на блог WordPress

Калі ж вы задаецца пытаннем, як усталяваць фавикон ў "дырэктыў", тут таксама няма нічога складанага. Інтэрфейс мае адпаведныя пункты меню, якія дазволяць вам выбраць і загрузіць карцінку.

Як дадаць фавикон ў WordPress

Пачынаючы з версіі WordPress 4.3 можна дадаць favicon на сайт з вобласці адміністратара. Проста перайдзіце ў «Від» / «Настройкі» і абярыце ўкладку «Сайт».

Раздзел ідэнтыфікатара сайта ў наладчыка дазваляе змяніць назву рэсурсу і апісанне. Перад выхадам з меню абавязкова з'яўляецца пытанне, ці сапраўды вы хочаце адлюстраваць новыя дадзеныя ў загалоўку. Яно таксама дазваляе вам загрузіць ваш значок для сайта. Проста націсніце на кнопку «Вылучыце файл» і загрузіце малюнак, якое хочаце выкарыстоўваць у якасці фавикона.

Даданне фавикона на блог

Далейшая інструкцыя, як усталяваць фавикон, выглядае наступным чынам. Калі малюнак, якое вы загружаеце, перавышае рэкамендуемы памер, то WordPress дазволіць вам абрэзаць яго. Калі ён адпавядае рэкамендаваным параметрах, вы можаце проста захаваць змены. Варта адзначыць, што інструкцыя, як усталяваць фавикон на сайт Joomla, выглядае аналагічным чынам.

Пасля гэтага пры праглядзе сайта вы ўбачыце ваш favicon ў дзеянні. Вы таксама можаце зайсці на сайт з мабільнага прылады, а затым у меню браўзэра выбраць «Загрузіць поўную версію». Вы заўважыце, што абразок будзе адлюстроўвацца як на паўнавартасным працоўным стале кампутара.

Як усталяваць фавикон на WordPress старой версіі (4.2 або ніжэй)

Загрузіце свой фавикон ў каранёвай каталог сайта па пратаколе FTP. Пасля гэтага можаце проста ўставіць гэты код у файл header.php патрэбнай тэмы.

Заменіце wpbeginner.com на URL вашага сайта, і ўсё будзе зроблена. Калі блог не мае файла header.php ці вы не можаце знайсці яго, то выкарыстоўвайце адмысловую ўбудову. Усталюйце і актывуйце яго ў наладах сайта. Пасля актывацыі плагіна зайдзіце ў «Настройкі», знайдзіце пункт «Устаўка калантытула», перайдзіце да ўкладцы «Устаўка кода», прыведзенага вышэй у раздзеле загалоўка, і захавайце наладкі.

Калі не хочаце разбірацца з тонкасцямі працы з FTP, але пры гэтым усё ж цікавіцеся, як усталяваць фавикон, таксама можаце выкарыстоўваць адмысловую ўбудову, які рэгулюе загрузку абразкі на ўсіх этапах. Такія дапаўненні да рухавічка даступныя не толькі для WordPress, але і для іншых папулярных сістэм, у тым ліку для Joomla.