Поменять favicon в битриксе.

Можно, например, воспользоваться простым и удобным онлайн генератором фавиконов favicon.ru.

Если не получается создать иконку самому, можно найти в интернете большие коллекции значков различной тематики. Один из таких сервисов - favicon.cс.

Размер иконки сайта обычно составляет 16х16 пикселей, допускается так же использование размера 32х32. Но стоит учесть, что в браузере в любом случае рисунок будет уменьшен и приведен к формату 16х16 пикселей.

Когда картинка создана и сохранена (скачена) в нужном формате на компьютере, можно переходить к тому, как установить иконку на сайт.

По умолчанию его достаточно закинуть в корневой каталог сайта, и бот яндекса самостоятельно его отыщет и проиндексирует.

Но это срабатывает не всегда или пройдёт не мало времени пока система всё усвоит. Есть и нюансы, связанные с использованием различных CMS.

Для более корректной установки фавикона, необходимо файл загрузить на сервер: в корневую папку сайта, обычно она называется public_html или index_html.

Откройте на хостинге панель управления сайтом и загрузите файл с фавиконом - favicon.ico в корневую папку (public_html).

Код :

В Joomla фавикон загружается в корневой каталог сайта, в папку с используемым шаблоном Joomla.

Установка фавикона на сайт joomla

В панели управления хостинга идём в папку: domen/public_html/templaters/шаблон сайта/ - и загружаем файл favicon.ico .

Если нужна иконка сайта на WordPress , то после загрузки файла. ico в директорию

/domains/Сайт.ru/public_html/wp-content/themes/шаблон/

необходимо открыть файл header.php , в который после \\также вставляется код .

В D rupal 7 фавикон устанавливается через админ.

Нужно зайти в раздел «Оформление» и далее в настройки активной темы. Найти в низу пункт «Настройка значка» и убирать галочку против «Использовать стандартный значок». Теперь стоит только загрузить свой значок с компьютера, используя кнопку «Обзор».

Открыв в браузере свой сайт, появится фавикон. Возможно через некоторое время, после обновления кеша, или обновите кеш сами.

Как заменить фавикон сайта

Как заменить значок, если она уже есть на сайте. Замена фавикона сайта, осуществляется практически по той же схеме, что и добавление.

Удалите старый файл favicon.ico и загрузите свой.

В инструкции рассмотрены следующие вопросы:

Зачем нужен favicon для сайта?

Favicon (англ. favorite icon - избранный значок) - это небольшое изображение, которое ассоциируется с определенным вебсайтом. Вы, наверняка, замечали, что у каждого сайта есть такая иконка:

Вот где можно увидеть такую иконку:

• Закладки и вкладки браузера
• Результаты поиска Яндекс, Google
• Каталоги и рейтинги, которые загружают favicon сайтов
• Панель задач и рабочий стол операционной системы

Иконка сайта позволяет пользователям быстрее находить сайт во вкладках браузера или результатах поиска. Favicon повышает узнаваемость сайта.

Где взять иконку для сайта?

По умолчанию все сайты uCoz имеют стандартный favicon. Чтобы получить свою иконку сайта, вы можете сделать следующее:

• Найти в интернете готовый файл иконки с расширением.ico (например, )
• Перевести изображение в иконку с помощью онлайн сервисов конвертации или специальных программ
• Самостоятельно нарисовать иконку в графическом редакторе (например, в GIMP)

При создании файла favicon.ico важно знать, что иконка должна быть квадратной. Рекомендованные размеры 16х16, 32х32 и 48х48 пикселей.

Наряду с расширением.ico, в настоящее время используются иконки формата.png. Разрешение таких изображений может достигать 180x180 пикселей.

Как установить иконку на сайт?

Когда у вас будут готовы файлы иконок с расширением ico и png, с помощью загрузите их в корень сайта:

Стандартная иконка favicon.ico будет заменена на новую и через некоторое время вы сможете увидеть ее во вкладках браузера, в закладках и в результатах поисковых систем.

Как объявить Apple Touch icon и плитку для Windows 10?

Apple Touch icon используется на многих платформах за пределами iOS. Поэтому важно предусмотреть несколько размеров иконок, чтобы каждая платформа смогла выбрать подходящую:

В Windows 10 есть плитки, иконки к которым могут быть объявлены следующим образом:

Применение в оформлении сайта небольших иконок, отображаемых перед наименованием ресурса в строке браузера, окне поисковой системы либо списке избранных ресурсов, позволяет существенно повысить посещаемость сайта. Именно поэтому большинством веб-дизайнеров принимается решение установить фавикон на разрабатываемый .

При этом, в процессе работы ресурса, может возникнуть необходимость замены существующего логотипа на другой. Для этого желательно знать, как поменять фавикон.

Как поменять фавикон

Наиболее простым способом поменять фавикон является замена существующего файла логотипа на другой, с идентичным названием и разрешением. Затем необходимо обновить кэш веб-сервера, после чего при открытии сайта в браузере должен отображаться новый логотип.

В зависимости от того, на какой именно тип планируется поменять фавикон, потребуется учитывать специфику браузеров, в которых будет открываться редактируемый сайт.

Например, для браузера Mozilla существует возможность использования анимированных фавиконов.

Чтобы улучшить впечатление от сайта, можно в файле index.php прописать код, допускающий установку неподвижного либо анимированного фавикона в зависимости от наличия возможности воспроизведения анимированных изображений в браузере пользователя.

Для этого в файле index.php находим тег .

Добавляем сразу после данного тега код, определяющий расположение файлов с фавиконами.

После этого код будет иметь следующий вид:

Значения строк в данном коде следующие:

— определяет расположение неподвижного фавикона для браузеров, не поддерживающих анимацию.

— определяет место расположения анимированного фавикона.

После этого необходимо в редакторе сайта запустить шаблон автозамены тега на участок кода, приведенный выше, и включающий сам тег две строки кода, следующие за ним.

После этого отображение фавикона будет реализовано при открытии любого из участков сайта.

Таким образом, можно заменить обычный неподвижный фавикон на анимированный вариант. При этом, отображение анимированной картинки будет осуществляться только в браузерах, поддерживающих данную функцию. В остальных будет отображаться стандартный неподвижный фавикон.

Favicon это некий значок сайта. Его можно увидеть во вкладках браузера, вот пример четырёх популярных сайтов. У каждого из них имеется своя картинка фавикон.

Так же поисковая система Яндекс, выводит фавикон рядом, с заголовком страницы.

Подавляющее большинство сайтов имеет favicon, он помогает выделится среди других ресурсов, а так же стать сайту более узнаваемым. Используя favicon, вам будет легче отслеживать свои позиции в Яндексе.

Создание favicon с помощью онлайн генератора

Для начала необходимо подготовить картинку, размером 16 на 16 пикселей. Это стандартный размер favicon. Для этого можно использовать логотип сайта или понравившееся изображение. Чтобы подогнать необходимый размер, можно воспользоваться программой "Paint", или какой то другой сторонней программой.

Обратите внимание, при сжатии картинки в 16 на 16 пикселей. Размеры сторон оригинала должны быть одинаковы. Допустим 243 на 243 пикселя. Иначе при сжатии, получится размытость и без того маленькой картинки.

Далее воспользуемся онлайн генератором создания favicon. Пройдя по этой ссылке favicon.ru На главной странице, в пункте "Сделать favicon из изображения". Выберите на компьютере, заранее подготовленную картинку размером 16 на 16 пикселей.

Следующий шаг "редактировать картинку". Здесь жмём "Сохранить пропорции" и "далее".

Теперь наш favicon готов. Остаётся посмотреть как он выглядит в браузере и скачать его. Так же при желании, можно подредактировать изображение. Или создать его с нуля.

Скачанный favicon, имеет нужный формат (.ico) и название favicon. Менять ни чего не надо. Остаётся только установить его на сайт.

Установка favicon на joomla 3

Первый и более простой способ установки, это замена родного фавикона. В большинстве шаблонов joomla, уже имеется favicon, его просто надо поменять на подготовленный нами фавикон.

Для этого нужно зайти в корень сайта. Далее в папку "templates", найти папку с шаблоном который стоит по умолчанию. У меня это родной шаблон "Beez3", и поменять имеющийся там favicon, на созданный нами.

После чего зайдите на ваш сайт, и обновите главную страницу. Если фавикон не поменялся, очистите кеш браузера, закройте его и откройте вновь, заново ведя адрес страницы. Иконка должна поменяться.

Но сразу ждать favicon в выдаче Яндекса, не стоит. Она появится после того как специальный бот проиндексирует вашу картинку и переведёт в формат jpg. На это может потребоваться более месяца.

Проверить проиндексировал Яндекс ваш фавикон или нет, можно набрав в браузере: http://favicon.yandex..ru", впишите доменное имя вашего сайта.

Для гугла: http:// www.google.com/s2/favicons?domain=сайт

Если первый способ установки не помог и favicon не отобразился на вашем сайте, то можно установить его, прописав необходимый код в файле index.php.

Второй способ установки favicon на joomla 3

Для того чтобы установить картинку, необходимо поместить подготовленный нами favicon, в корень сайта.

Далее, зайти в папку с шаблоном, который стоит по умолчанию: templates / шаблон по умолчанию . Найти и открыть файл index.php, с помощью блокнота notepad++. В этом документе, между открывающим тегом , и закрывающим тегом ввести вот такой код:

Остаётся очистить кеш браузера, и перезагрузить сайт. После чего фавикон должен отобразится на вашем сайте.

Наверное, многие пользователи замечали, что при открытии того или иного сайта в левом углу вкладки отображается маленькая иконка, характерная для каждого портала. Однако мало кто знает, что это такое и как её поменять на своем сайте.

История появления первых фавиконов

Маленькая иконка на сайте называется фавикон, что означает "значок для избранного" в переводе с английского. Изначально она использовалась для быстрого поиска и наведения порядка в закладках в браузерах IE. Затем стала повсеместно отображаться практически всеми интернет-бродилками для придания особой стилистики сайту.

Характеристики Favicon

Фавикон — это обычное изображение, как правило, размером 16 на 16 точек. Для хранения могут использоваться форматы ICO, PNG и GIF. Фавикон поддерживают многие популярные браузеры. В их число входят Chrome, IE, Opera, Firefox. Какие-то могут поддерживать анимационные версии, какие-то нет.

По умолчанию браузер пытается отыскать иконку в корне сайта. Однако можно указать ему, где именно она находится. Для этого достаточно в коде использовать строку:

.

Создание своего фавикона

Чтобы создать свою иконку, достаточно воспользоваться одним из представленных в сети онлайн-редакторов. К примеру, самый известный находится по адресу favicon.ru. Нужно карандашом отметить точки, нуждающиеся в заливке, и затем сохранить картинку.

Как поменять фавикон

Многие веб-разработчики стараются при создании сайта сменить стандартную иконку CMS или вообще отсутствующую на более подходящую тематике. Далее будет перечисление способов, описывающих, как поменять фавикон в различных системах управления контентом или же без них.

Joomla 1.5 и работа с фавиконом

Joomla 1.5 — одна из первых стабильных версий системы управления контентом. Используется она все реже, однако многие до сих пор поддерживают её на некоторых сайтах. Для того чтобы поменять фавикон в Joomla 1.5, нужно создать иконку из готового рисунка или же с нуля. Затем перейти в папку с шаблонами Joomla, которые находятся в каталоге templates, и скопировать фавикон туда.

Joomla 3

Последняя из вышедших версий данной системы управления контентом. Улучшен функционал и добавлены новые возможности.

Перед тем как поменять фавикон в Joomla 3, нужно сначала его создать. Как это сделать, было описано выше. Затем можно использовать один из двух способов. Первый позаимствован из Joomla 1.5 и предполагает ручную замену файла в папке с шаблонами.

Для реализации второго способа необходимо подредактировать файл index.php, который находится в корневой папке текущего шаблона. В нем интересует Чтобы все заработало как надо, нужно от открывающего тега до закрывающего ввести:

.

Добраться до файла index.php можно, просто пройдя по папкам до нужной или через админку. В панели управления надо зайти в «Расширения» и там перейти в «Менеджер шаблонов». Среди присутствующих вариантов нужно выбрать текущий и нажать «Изменить шаблон главной страницы». Откроется редактор кода, в котором между открывающим и закрывающим тегом head должен быть вставлен вышеприведённый код.

Иногда фавикон отображается не сразу в поисковой выдаче. Это может быть связано с тем, что страница ещё не проиндексировалась. Стоит немного подождать, и через несколько дней, а может быть, и месяц новый фавикон отобразится в верхней части сайта.

Как поменять фавикон в "Битриксе"

"Битрикс" — система управления контентом, на базе которой можно создавать и простые сайты, и корпоративные порталы. Разработана компанией "1С-Битрикс".

Структура файлов сайта чем-то схожа с Joomla, и процесс замены фавикона на нужный происходит точно так же. То есть необходимо перейти в папку с шаблоном и скопировать туда нужную картинку в формате ICO. Если не помогло, попробовать также добавить её в корневую папку проекта.

Также имеется и другой способ, который можно совместить с двумя перечисленными выше. Это прописать в главном файле уже известные строки:

.

WordPress

WordPress — одна из самых известных систем управления контентом. Обрела свою популярность благодаря тому, что бесплатна, проста в освоении и функциональна. Как поменять фавикон на сайте WordPress? Этот процесс в данной CMS выполняется проще всех остальных. Нужно зайти в панель управления и перейти в раздел Cherry Options, после чего выбрать вкладку Logo&Favicon. Имеющийся файл нужно удалить с помощью кнопки Remove. Затем подготовить новую иконку и загрузить себе на компьютер. Теперь с помощью библиотеки медиафайлов нужно добавить обновленную иконку в базу и сохранить изменения.

После всех манипуляций достаточно перезагрузить страницу и увидеть, как сменился фавикон. Возможно, что он не отобразится с первого раза, поэтому нужно обновить кэш браузера и попробовать снова.

Имеется ещё один способ изменения фавикона в WordPress. Для этого существует специальный файл header.php, который отвечает за вывод шапки сайта. В нем имеется блок с тегами head. Вот именно между ними и нужно вставить следующий код:

Header.php находится по пути /wp-content/themes/название темы. Стоит обратить внимание на то, что в строках кода используется расширение ICO. Однако, если оно другого типа у текущего фавикона, то можно в коде указать то, которое надо.

Заключение

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

Перед тем как поменять фавикон, его нужно подготовить. Это возможно сделать, преобразовав готовый рисунок или логотип. Или же нарисовать вручную новый фавикон с нуля. Для этого имеется много онлайн-редакторов, а также конвертеров в сети.