В този урок се разглежда създаването на Favicon, ще разберете за какво е тази икона и ще получите препоръки как да подобрите външния й вид и привлекателност.
Освен това ще разгледаме процеса на създаване и добавяне на фавикона за сайта.
Favicon- това е малка икона, която можете да видите в адресната лента на браузъра и в разделите на отворените страници, както и при добавяне на сайт към отметките на браузъра, тази икона също се добавя там.
Освен това търсачката на Yandex показва иконата Favicon в резултатите от търсенето до вашия сайт. Вашата задача е да накарате тази икона да се откроява, да се запомни, да хване окото на фона на други икони в резултатите от търсенето, както и да има някои асоциации с вашия сайт. Красиво проектиран и привличащ вниманието Favicon може значително да увеличи броя на посещенията на вашия сайт в сравнение с тези, които нямат инсталиран или изглеждат непривлекателни.
Ето някои насоки, които трябва да имате предвид, когато създавате Favicon.
#1. Значката трябва да е лесно разпознаваема и да има асоциации с вашия сайт или нишата, към която принадлежи вашият сайт. Като икона можете да използвате лого или символ, който е свързан с вашия сайт. Освен това можете да използвате цветовата схема, в която е създаден вашият уебсайт или лого.
#2. Не използвайте стандартни икони. Много, след като създадат сайт на определен CMS, оставят иконата, нищо, без да променят. В резултат на това резултатите от търсачката може да съдържат не един сайт с такава икона, а много. Това ще направи вашия сайт изпъкнал, така че използвайте само уникалните икони на Favicon, създадени специално за вашия сайт. Това включва и ситуацията, когато се използват икони от различни колекции или интерфейсни елементи на други сайтове. Не забравяйте, че имате нужда от уникална фавикона, за да се откроите.
#3. Когато създавате вашата икона, опитайте се да използвате по-ярки и светли цветове, като правило те привличат повече внимание.
#4. Не използвайте анимирани икони. Първо, анимацията не се поддържа от всички браузъри, и второ, вниманието на посетителя трябва да бъде фокусирано върху съдържанието, а не върху иконата.
Сега нека разгледаме директно процеса на създаване на Favicon. Има много услуги за това. Те обаче са по-подходящи за тези, които вече имат готова икона, която са изтръгнали някъде или са взели от някаква колекция. Но както казах по-горе, иконата трябва да е уникална, така че тук ще разгледам процеса на създаването й с помощта на Photoshop, като използвам сайта като пример.
Създайте предварително зададена фавикона във Photoshop
#1. Създайте нов документ във Photoshop, размер 64 * 64px, за това отидете в менюто "Файл" >> "Ново..." или натиснете клавишната комбинация Ctrl + N. Като цяло самата икона трябва да бъде 16 * 16px, но е по-добре първо да я създадете със същия размер и след това да я намалите до необходимия размер.
#2. В моя случай нямам никакво лого за сайта, затова реших да използвам символа "W", с който започва адресът на сайта, както и цветовете, които преобладават в горната част на сайта са синьо и жълто. Затова зададох стойността на цвета на # 6A91D0 и с помощта на инструмента за запълване (G) зададох предварително създадения документ на син.
#3. След това избрах Type Tool (T) и добавих W и му дадох следната стойност на цвета # FAC31D.
За да накарам символа да се откроява по-силно на синия фон, добавих 2 пиксела черен щрих към него. За да направите това, отидете на елемента от менюто Слой >> Стил на слоя >> Строк, изберете цвят и размер за щриха.
След това трябва да обедините слоевете, за това трябва да отидете в елемента от менюто Слой >> Обединяване видимоили натиснете клавишната комбинация Shift + Ctrl + E.
За да направя линиите гладки и без засечки, добавих размазване. За да направите това, отидете на елемента от менюто "Филтър" >> "Размазване" >> "Размазване по Гаус ..."и задайте радиуса на 0,3 пиксела.
Поставете вашия символ или изображение така, че да заема възможно най-много място, защото ако е малък, тогава няма да се забележи с размер на иконата 16 * 16.
#4. Сега трябва да преоразмерите иконата. За да направите това, отидете в менюто Изображение >> Размер на изображениетои задайте размера на 16 * 16px.
#5. Остава да запазите иконата. Favicon трябва да има името favicon и разширението .ico. Факт е, че по подразбиране Photoshop не записва изображения във формат .ico. Следователно, запазете го във формат .png, за това отидете на елемента от менюто "Файл" >> "Запазване като ..." и изберете PNG от падащия списък.
Преобразуване на изображение във формат .ICO
След това го преобразуваме във формат .ico с помощта на услугата. Отидете на тази услуга и използвайте бутона "Преглед", за да изберете предварително запазения PNG файл и след това кликнете върху бутона "Създаване на favicon.ico".
След това на заредената страница ще се появи връзката "Изтеглете favicon.ico!". като щракнете върху която можете да запазите готовата икона на Favicon на вашия компютър.
Сега е време да добавите Favicon към вашия сайт, така че да се показва на всичките му страници. За да направите това, поставете иконата в главната папка на вашия сайт. Ако вашият сайт вече е хостван, тогава тази папка обикновено се нарича "public_html". След това във всяка страница на вашия сайт, преди затварящия маркердобавете следните редове:
Но тези редове трябва да се добавят към всяка страница, ако имате HTML сайт. Но тъй като най-вероятно вашият сайт е създаден на базата на някакъв вид CMS, тогава ще бъде достатъчно да добавите тези редове към основния файл на вашата тема, който използвате за сайта.
Ако използвате WordPress, отидете на wp-content / themes / folder-with-your-theme / намерете в него и отворете файла header.php, след което поставете необходимите редове и запазете файла.
Ако използвате Joomla, отидете на шаблоните / folder-with-your-theme / и отворете файла index.php, поставете необходимите редове и запазете.
Някои теми в WordPress и Joomla може вече да имат свои собствени пътища към файла favicon.ico, в този случай ги изтрийте и заменете със свои собствени.
Ако използвате друга CMS, направете всичко по аналогия.
В разделите на страницата и в адресната лента на браузъра вашата икона ще бъде показана незабавно, като за резултатите от търсенето в Yandex, тук е необходимо време, за да може специален робот за търсене на Yandex да намери вашата икона, след което тя ще се покаже в Резултати от търсенето.
Материал, подготвен по проекта:
Генератор на фавикони - ще ви помогне да трансформирате и редактирате всяко изображение, превръщайки го в фавикона за сайта. Днес е статия за най-добрия генератор на фавикони за сайтове днес.
Сега е трудно да си представим сайт, който няма фавикона. Favicon е икона, която се намира в адресната лента на браузъра или в заглавието на прозореца (в зависимост от браузъра) и която отличава отворения сайт/раздел от много други. Първоначално тези икони бяха разработени в IE, за да се подчертае сайт в списъка с отметки на браузъра (в IE тези отметки се наричаха Предпочитани, а оттам и името Favicon - иконата на любимите.
Но да направите фавикона със собствените си ръце не е толкова лесно. Той трябва да има ICO формат, който изисква специален софтуер, за да направи нещо, което си струва и значително умение. Ето защо, за да опростите живота, е по-добре да използвате онлайн генератор на фавикони.
Има много услуги, които ви позволяват да генерирате фавикона от изображения (това може да бъде лого или специално разработена илюстрация). Но повечето от тях имат проблеми с прозрачността.
Проблеми с прозрачността с услугата за генериране на икони
За по-голяма яснота представяме илюстрация „Как различните генератори на фавикони се справят с прозрачността и преоразмеряването на изображението“. 
В това сравнение използвахме резултатите от услугите favicon.cc и favicon-generator.org. Честно казано, доскоро те самите използваха услугата favicon.cc, но наскоро имаше отличен заместител - генератор на favicon # 1.
Най-добрият генератор на фавикони - www.xiconeditor.com
Подобно на favicon.cc, този генератор на фавикони има собствен вграден онлайн редактор на икони, но предимството му е, че работи чудесно с прозрачност.
Съвсем очевидно е, че има разлика в качеството на трансфера на прозрачност (очевидно разликата е в качеството на преоразмеряване на зареденото изображение).
Освен това xiconeditor.com има още едно предимство - отлична система за преглед на фавикон, която ви позволява да видите резултата под различни форми, без да зареждате генерирания фавикон. Техните визуализации са много по-информативни от favicon.cc.
Сега личната икона на сайта - Favicon - е вид визитна картичка на всеки уеб ресурс. Тази икона подчертава необходимия портал не само в списъка с раздели на браузъра, но и например в резултатите от търсенето на Yandex. По правило Favicon не изпълнява никакви други функции, освен да увеличава разпознаваемостта на сайта.
Създаването на икона за вашия собствен ресурс е доста просто: намирате подходяща картина или я нарисувате сами с помощта на графичен редактор и след това компресирате изображението до желания размер - обикновено 16 × 16 пиксела. Запазете получения резултат във файла favicon.ico и го поставете в основната папка на сайта. Но тази процедура може да бъде значително опростена с помощта на един от генераторите на Favicon, налични в мрежата.
Повечето редактори на уеб икони предлагат всички необходими инструменти за създаване на икони за фавикони. В този случай не е необходимо да рисувате картина от нулата - можете да използвате готово изображение.
Метод 1: Favicon.by
Рускоезичен онлайн генератор на фавикони: прост и интуитивен. Позволява ви да нарисувате икона сами, като използвате вграденото платно 16x16 и минимален списък от инструменти като молив, гумичка, капкомер и запълване. Има палитра с всички RGB цветове и поддръжка за прозрачност.
Ако желаете, можете да качите готово изображение в генератора - от компютър или уеб ресурс на трета страна. Импортираната картина също ще бъде поставена върху платното и ще бъде достъпна за редактиране.
В резултат на това получавате ICO графичен файл с името favicon и резолюция 16 × 16 пиксела. Тази икона вече е готова да се използва като икона за вашия уебсайт.
Метод 2: X-Icon Editor
Приложение, базирано на HTML5 браузър, което ви позволява да създавате подробни икони с размер до 64 × 64 пиксела. За разлика от предишната услуга, X-Icon Editor има повече инструменти за рисуване и всеки от тях може да бъде гъвкаво конфигуриран.
Както и в Favicon.by, тук можете да качите готовото изображение на сайта и да го конвертирате в фавикона, като го редактирате правилно, ако е необходимо.
Ако искате да запазите детайлите на изображението, което възнамерявате да превърнете в фавикона, X-Icon Editor е чудесен за това. Именно възможността за генериране на икони с резолюция 64 × 64 пиксела е основното предимство на тази услуга.
Какво е фавикон?
За тези, които не знаят какво е favicon, ще дадем малко помощ, която ще ви позволи да се справите с нещата. Favicon е малка икона с размери 16x16 или 32x32 пиксела, обикновено съдържаща лого, първата буква на марката или характерно изображение, което отразява вида на бизнеса или темата на сайта.
Защо фавиконата е важна?
Favicon изпълнява следните функции:
Брандиране.
Идентификация на сайта от потребителя (използваемост).
Придава на уебсайта професионален вид.
Нека се спрем по-подробно на основните предимства на използването на favicon.
Разпознаване на марката
Favicon е като малка идентичност на сайта. Както е посочено във въведението, фавиконата помага на потребителя да запомни вашия сайт сред многото сайтове, които е посетил. Независимо дали става дума за история на сърфиране, резултати от търсенето с Google или списък със запазени отметки със сайтове във вашия браузър, фавиконите помагат на потребителите лесно да разпознават и посещават вашия сайт.
Увереност
Потребителите са склонни да преценяват продавачите на стоки и услуги в Интернет въз основа на това колко професионален е уебсайтът им. Небрежността под формата на липса на фавикона (търсачките показват сайт без фавикона с икона на празен документ) може лесно да доведе до загуба на доверие, особено когато потребителите ви сравняват с вашите конкуренти.
Многократни посещения
Известно е, че хората реагират по-добре на изображения, отколкото на текст. Да предположим, че посетител на вашия сайт е бързал, когато го е посетил за първи път и е решил да го направи отметка, за да се върне по-късно. Да кажем, че този човек впоследствие решава да посети отново вашия сайт, за което се позовава на своите отметки. Имате късмет, ако имате разпознаваема фавикона, като видната и уникална буква G на Google, и потребителят ще ви намери. Ако няма фавикона, може дори да бъдете премахнати от списъка с отметки.
Спестява време на потребителя
Фавиконите спестяват време, прекарано от потребителя за идентифициране на сайт в отметки, история или други места, където браузърът поставя фавикона за бърза идентификация. Това просто улеснява живота на обикновения посетител на вашия сайт.
SEO предимства
Ако вашият сайт има фавикона, ще бъдете видими по-добре в резултатите от търсенето, отколкото сайтове, които нямат такава и следователно ще можете да привлечете повече посетители.
Как да създам фавикона?
Има много инструменти за създаване на фавикона за минути. Ако нямате дизайнерски умения или не знаете как да направите това, можете да опитате да генерирате фавикона с помощта на Logaster.
За да направите това, следвайте инструкциите стъпка по стъпка:
Стъпка 5. Създайте фавикона
Сега, когато имате лого, кликнете върху „Създаване на фавикона с това лого“ на страницата с логото.
Стъпка 6. Изберете желания дизайн на фавикона
Както при логото, Logaster ще генерира десетки красиви и готови за използване фавикони. Изберете дизайна, който харесвате. Предварителен преглед ще ви позволи да видите как ще изглежда вашата фавикона на сайта.
Ако трябва да промените фавиконата, можете да направите това чрез редактиране на лого, тъй като фавиконите се създават въз основа на дизайна на логото. Ето защо, ако искате, например, различен цвят на фавиконата, трябва да се върнете на страницата с логото, да промените цвета й и след това да създадете фавиконата отново.
Можете да намерите вдъхновение за фавикона в сайтовете:
Стъпка 7. Изтеглете фавиконата
Можете да закупите фавиконата отделно за $9,99 или да закупите пакета за дизайн, който включва не само фавиконата, но и логото, визитната картичка, плик и бланка. Можете да разберете как да закупите Design Package.
След плащане можете да изтеглите фавиконата във формати ico и png.
Къде мога да използвам favicon?
Можете да използвате фавикона:
На сайта;
Мобилни устройства. Потребителят може да добави фавикона към началния екран на своето устройство (нещо като отметка) - Android, IOS, Windows Phone и др.;
Програми и приложения за PC/Mac.
Как да инсталирате favicon на уебсайт?
След като получите favicon, инсталирането му на сървъра ще отнеме не повече от няколко минути и се извършва на два етапа. За да направите това, ще ви трябва достъп до основната директория на вашия сайт и текстов редактор, за да промените HTML на сайта.
Етап 1.Трябва да качите файла favicon.ico на сървъра. За да направите това, трябва да изтеглите и инсталирате ftp клиент като FileZilla. След това въведете вашето потребителско име и парола и качете файла. Можете да прочетете по-подробни инструкции как да изтеглите файла с фавикона.
Стъпка 2.Сега трябва да редактирате HTML страницата на вашия сайт, за да помогнете на браузърите да намерят вашето изображение на фавикона. С отворен FTP прозорец, намерете и изтеглете файла index.html или header.php от сървъра.
Отворете файла index.html в текстов редактор - Notepad, Notepad ++, Sublime Text.
Ако вашият сайт съдържа чист HTML, поставете персонализирания код в областта HEAD на файла index.html.
Кодът може да бъде копиран на страницата с фавикони на уебсайта на Logaster.
Ако използвате WordPress, поставете кода по-долу в областта HEAD на вашия header.php файл.
След като направите това, качете файла обратно там, където сте го получили. Готов! Презаредете страницата на сайта си, за да видите фавиконата.
Повечето съвременни браузъри са достатъчно интелигентни, за да намерят файла с фавикона дори и без такъв код, но само ако фавиконата има изображение с размери 16x16 пиксела, името favicon.ico и е запазена в основната директория на вашия сайт.
Надяваме се, че тази статия ви е дала полезна информация, която да ви помогне да създадете фавикона, която ще направи сайта ви по-успешен и ангажиращ.
Здравейте скъпи читатели на сайта на блога. Разговорът в днешната статия ще се фокусира върху така наречените икони Favicon.ico. Ще разберем какво е favicon, защо е задължително да го инсталирате на вашия уебсайт и как сами да създадете икона с необходимия размер.
По принцип, за да създадете фавикона, изобщо не е необходимо да използвате специални онлайн генератори, въпреки че е доста удобно и просто. Можете да опитате да го направите във Photoshop, но за съжаление не може да записва изображения във формат ICO по подразбиране. Следователно, за да научите Photoshop да работи с ICO, ще трябва да инсталирате специален плъгин.
Но ако не сте приятелски настроени с Photoshop (както и с него), тогава ще ви бъде много по-удобно да използвате една от многото онлайн услуги по-долу. В същото време в някои от тях ще можете да нарисувате нова икона напълно от нулата, докато в други ще можете да преправите картината, която вече имате (което ви подхожда) във формат на favicon.
Е, най-простият вариант е да изтеглите колекция от Favicons от някоя онлайн галерия или каталог. Прочетете за това къде можете да се сдобиете с тях малко по-долу.
Как да създадете фавикона онлайн и къде да изтеглите колекция от тях
Нека първо дам примери за услуги (т.нар генератор на фавикони), където, без да имате специални умения, можете да проектирате напълно прилично мини-лого за вашия сайт, добре, или поне автоматично да конвертирате подходяща снимка във формата, необходим за качване на фавикона в сайта.
- Favicon.ccТова е доста удобен онлайн генератор на фавикони. Използвайки го, можете например да създадете своя собствена икона от нулата (пълно изключително), като я нарисувате пиксел по пиксел. За да направите това, ще трябва да кликнете върху бутона "Създаване на нов Favcon" в лявата част на прозореца на услугата.
В центъра на страницата на генератора има зона, където всеки квадрат е пиксел от вашата бъдеща фавикона. Вашата задача е да боядисате тези квадрати с различни цветове. За да запълните един квадрат с цвят, трябва да поставите отметка в квадратчето от дясната страна на прозореца на услугата в полето "Избор на цвят", изберете желания цвят в палитрата, разположена там, и щракнете върху желания квадрат. За да премахнете неправилното засенчване, поставете отметка в полето "прозрачно" и кликнете върху квадрата, в резултат на което той ще стане безцветен (прозрачен).
За да преместите пиксел през платното на генератора, ще трябва да поставите отметка в квадратчето „преместване“. Можете да наблюдавате резултата от работата си в реален мащаб в областта "Преглед" под платното. Ако фавиконата, която сте създали, ви устройва, щракнете върху бутона "Изтегляне", за да я запишете на вашия компютър. В резултат на това ще получите графичен файл, който след това можете да изтеглите и качите на хостинг сървъра.
Сега знаете как да направите мини лого за вашия уебсайт от нулата. Но ако нямате графични таланти, тогава можете да използвате услугата онлайн генератор качете всяка снимка за бъдещата фавикона, който ще служи като празно място. Картината може да бъде абсолютно всякакъв размер и формат. За да качите файла с иконата в онлайн услугата, ще трябва да кликнете върху бутона „Импортиране на изображение“ в лявата част на прозореца на услугата.
В прозореца, който се отваря, като кликнете върху бутона "Преглед", намерете подходящо изображение на вашия компютър. След това изберете какво да правите със съотношението на вашата снимка, когато я преобразувате в 16 на 16 (квадрат). Това е уместно, ако изображението, което качвате, не е квадратно. В този случай са възможни две опции: запазване на съотношението непроменено (Запазване на размерите) или преобразуване на картината в квадратна форма (икона за свиване до квадрат). Във втория случай изображението на бъдещия фавикон ще бъде изкривено по една от осите.
За да качите в онлайн генератора и да трансформирате вашето изображение, ще трябва да щракнете върху бутона "Качване". Създаденият от него Favicon.ico ще бъде достъпен за редактиране по същия начин като този, нарисуван от вас. Когато приключите с магията над шедьовъра, кликнете върху бутона "Изтегляне", за да го изтеглите на вашия компютър.
В тази онлайн услуга също е възможно да се използват колекции от фавикони, създадени от други потребители на нея и споделени с други. За да видите експонатите в галерията, ще трябва да щракнете от лявата страна на прозореца или върху бутона „Последни фавикони“, за да видите колекциите, сортирани по дата на създаване, или върху бутона „Най-високо оценени Favicons“, за да видите галериите, подредени по рейтинг.
- Favicon.ru- някога тази услуга беше много по-проста от описания по-горе онлайн генератор, но наскоро тя стана почти неин аналог, но само на руски. Favicon.ru ви позволява не само да конвертирате всяко изображение, което имате (на компютър или в интернет) във формат ICO с размер 16 на 16 пиксела, но също така прави възможно да го нарисувате от нулата, пиксел по пиксел.
Тази версия на онлайн генератора на фавикони е забележителна, може би, само защото е домашна. Затова той влезе в тази статия. Така че, за да работите с него, трябва да кликнете върху бутона "Избор на файл" на главната страница в горната част и да посочите пътя до желаното изображение на вашия компютър. Изображение, изтеглено и преобразувано във формат Favicon.ico, може да бъде коригирано и след това запазено на вашия компютър. Всичко е просто и удобно.
- Logaster.ruТой е онлайн генератор на лого, но освен лога, създава и фавикона. За разлика от всички други услуги, не е необходимо да рисувате дизайн на фавикона или да го конвертирате от лого.
За да създадете фавикона, първо трябва да въведете името на сайта или фирмата и да изберете вида дейност. Услугата ще предлага готови за използване десетки шаблони за фавикони. Можете да прочетете повече за това как да създадете фавикона. След като създадете Favicon.ico, можете да изтеглите файла на вашия компютър във формат ICO или PNG.
След това просто трябва да кликнете върху бутона „Създаване“. На страницата, която се отваря, ще видите връзка за изтегляне на получения фавикон.
Селекция от онлайн генератори, колекции и галерии от фавикони
Ако по някаква причина не ви е харесал описаният по-горе генератор на фавикони, тогава мога да ви предложа да опитате късмета си на едно от следните безплатни онлайн услуги:
- FaviconGenerator - позволява ви да конвертирате всяко изображение, качено от вашия компютър, в желания формат на favicon (можете да качвате снимки).
- AntiFavicon е доста интересен генератор на Favicon. На него можете създайте фавикона с надпис... Ще трябва да въведете текста на етикета в полетата "Текст отгоре" и "Долен текст" и да коригирате цветовата гама в областта "Цветове".
- FavIcon от Pics е друга проста онлайн услуга - вие посочвате пътя до снимката на вашия компютър, конвертирате и изтегляте получения файл в ICO и GIF формат.
- Iconj - заслужава да се отбележи, че можете или да изтеглите създадената икона, или да я оставите в услугата и да получите връзка към този файл
- DeGraeve е доста мощен генератор на Favicon, по отношение на функционалността е подобен на Favicon.cc, разгледан по-рано. Тук също можете да направите всичко или от нулата, или да качите изображение, което по-късно може да бъде коригирано и изтеглено в ICO формат с подходящ размер.
- Генератор - позволява както да генерирате фавикона от качено изображение, така и да го създадете от нулата в специален редактор.
- Онлайн редактор на икони favicon.ico - добре, всичко е с него - и създаване на фавикони от нулата и финализиране на съществуващо изображение.
- Online Favicon е изключително функционален инструмент за създаване и редактиране на мини лога
- Безплатен генератор на Favicon - в случай, че нито един от предложените по-горе списък не ви подхожда.
- Генератор на Favicon - прост и с вкус ...
Ако не ви пука за ексклузивността на вашето мини-лого за сайта, а се занимавате с редактори и генератори, тогава можете да изберете подходяща икона за себе си в сайтове, където те са десетки стотинки. В края на краищата, всъщност, абсолютно всяка икона с размер 16 на 16 пиксела, която можете да изтеглите от мрежата или да намерите в недрата на вашия компютър, ще ни подхожда.
Но трябва да запомните, че фавиконата трябва преди всичко да привлече вниманието на потребителите. В идеалния случай потребителят ще трябва да разпознае вашия сайт само с един поглед към Favicon, така че е по-добре той да е уникален, но можете също да потърсите нещо неизползвано в кошчетата на Интернет.
Ако нямате желание или възможност (не сте художник и никога не сте били такъв), тогава най-лесният начин би бил да опитате да потърсите в галерии с колекции от безплатни фавикони:
- Галерия с икони за сайта favicon.ico - повече от 15000 мини-лога за вашия сайт за всеки вкус и цвят
- Iconj е доста голяма колекция от други хора, проектирани и споделени икони
- Favicon.cc - 55 хиляди различни опции за всички поводи. Има и анимирани фавикони, които обаче ще се виждат само в браузъра FireFox.
- Галерията на Favicon – още няколко съвпадащи икони
Ако знаете за други подобни ресурси, тогава ще добавя вашите връзки към този списък.
Как да инсталирате favicon на уебсайт и да регистрирате пътя към него
Вашият браузър и роботът за търсене на Yandex ще бъдат потърсете favicon преди всичко в основната папка на вашия сайт... Следователно, можете просто да се свържете със сайта чрез FTP и да качите своя файл Favicon.ico в неговата основна директория (обикновено папките public_htm или htdocs) (по-добре е да напишете името му с малка буква). Сега отворете ресурса си в някой браузър и вижте дали иконата в раздела се е променила. Промени ли се? Не? Е, това е добре.
Ако не сте успели да поставите фавиконата по този начин, тогава може да се наложи, т.к често се случва старата версия да се зареди от кеша. Можете да го опитате, за мен той реагира най-добре на направени промени без изчистване на кеша. Ако въпросът не е в кеша на браузъра, това означава, че вашият сайт има различно местоположение на фавиконаразлична от главната папка. Как мога да проверя това?
Отворете изходния код на всяка страница на вашия сайт. За да видите неговия изходен код, ще бъде достатъчно да щракнете с десния бутон върху страницата и да изберете съответния елемент от контекстното меню (например „Изходен код“ в старата Opera или „Изходен код на страницата“ в Mazila Firefox, или „Преглед на кода на страницата“ в Google Chrome или Преглед на HTML кода в IE) или натиснете Ctrl + U. Сега погледнете в горната част на страницата за реда, който задава пътя към favicon.ico.
Може да изглежда нещо подобно:
Сега, знаейки този път, можете отново да се свържете чрез FTP и да качите своя фавикон по посочения път, като замените съществуващия в сайта с него. Ако отново не са настъпили промени в адресната лента на браузъра, опитайте отново да изчистите кеша на браузъра.
V Joomla Favicon обикновено живее в папката с шаблона, който използвате (пътят до него в Joomla 1.5 беше написан във файла index.php от директорията на същия шаблон, но в Joomla 3 стана малко по-сложен). Тези. за да промените фавиконата в Joomla, ще бъде достатъчно да следвате този път и да качите там своя файл favicon.ico и да отговорите утвърдително на въпроса за замяната:
/templates/folder_with_used_definition_template/favicon.ico
Файлът с фавикона в WordPressпо подразбиране може да бъде и в папката с темата, която използвате (пътят до нея също е зададен там):
/wp-content/themes/Folder_with_the_theme_used_tyme/favicon.ico
Като цяло, ако желаете задайте или променете пътя към вашата фавикона, който и браузърите, и роботът за търсене на Yandex биха разбрали, тогава ще трябва да се регистрирате в съответния шаблонен файл за Joomla, WordPress или всяка друга машина, между отварящите и затварящите тагове ГЛАВА, следните редове код:
В кой шаблонен файл трябва да регистрирате тези редове зависи от двигателя на вашия сайт. Например, в в WordPressтрябва да отворите файла header.php за редактиране: wp-content / themes / Folder_with_your_theme_of_design. Отворете header.php в редактор и в самото начало намерете отварящия Html таг HEAD. Навсякъде зад него, но преди затварящата HEAD, напишете един от горните редове код, указващ пътя към вашия графичен файл с мини лого.
Как да инсталирате анимиран фавикон? По принцип, точно като обикновения. Единствената разлика ще бъде кодът, вмъкнат в шаблона на вашия сайт, с който посочвате на браузърите и робота за търсене на Yandex пътя до необходимия графичен файл. Факт е, че анимиран Favicon ще има GIF разширение и следователно в редове код ще трябва да напишете нещо подобно:
Това е цялата разлика между анимираните фавикони и обикновените фавикони. Но трябва да се отбележи, че анимираната икона ще работи само във FireFox, в други браузъри ще бъде статична. Yandex, когато качва вашата анимирана фавикона, я преобразува в статичен PNG формат. Но според мен играта не си заслужава труда - няма особен смисъл да инсталирате анимирано лого вместо обичайното мини-лого за сайта. Но това е само моето ИМХО.
Късмет! До скоро на страниците на сайта на блога
можете да гледате още видеоклипове, като отидете на");">
Може да се интересувате
Анализ на сайта в безплатни онлайн услуги Pr-cy, Cy-pr, Be1, Xseo и други 
Използваемост – как да направите сайта си лесен за използване и да се опитате да ги запазите възможно най-дълго, докато четете статиите си 
Онлайн FTP клиент Net2ftp и Google Alerts - полезни услуги за уеб администратори 
Икони, икони, фонове, снимки и лога за сайта (онлайн услуги IconFinder, Freepik, PSDGraphics и други)
