Фавикон (favicon) – это маленькая картинка на вкладке сайта в вашем браузере.

фавикон (favicon)

Также фавикон (favicon) отображается в Яндексе в выдаче.

фавикон (favicon)

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

image

Сейчас расскажу о том как создать и установить на сайт фавикон на примере сайта на Joomla.

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

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


01. www.favicon.cc

фавикон (favicon)

Нажимайте Import Image и загружаете свою картинку.

фавикон (favicon)

Важно понимать, что фавикон – очень маленькая картинка и пытаться с помощью него передать много смысла глупо. Он должен быть простым и заметным.

создание фавикона (favicon)создание фавикона (favicon)

создание фавикона (favicon)

Таблицу Менделеева не надо ставить на фавикон. Ее никто не увидит.

Этот сайт хорош тем, что можно “допиливать” готовый фавикон. Необходимо удалить лишние точки. Сделать цвет у фавикона одинаковым. Все это можно здесь сделать.

создание фавикона (favicon)

Чтоб скачать фавикон надо щелкнуть в Download Favicon. Все просто.

создание фавикона (favicon)


02. favicon.ru

создание фавикона (favicon)

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

Во-первых, своим уебанским интерфейсом.

Вместо простого и понятно редактора в первом сайте тут это:

создание фавикона (favicon)

Вот редактор обрезки картинки:

создание фавикона (favicon)

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

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

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

01. Заходим на ftp-сервер с сайтом и заливаем готовый фавикон на серверт.

установка фавикона (favicon)

Все! Новый фавикон должен появится в браузере в вкладке с сайтом. Если этого не произошло, то первым делом нужно удалить кэш из браузера. Часто он грузит старый фавикон из кэша. Фавикон не отображается все равно. Да, обычно это не помогает =).

02. Если мы видим фавикон стандартный от Joomla, то значит где-то еще на сервере в папке с сайтом есть еще один фавикон. Скорее всего он находится в папке /templates/. Тут лежат все скаченные вами шаблоны для сайтов и во многих есть фавиконы. Джумла предпочитает показывать их. Их надо удалить. Это самый надежный способ сменить фавикон.

03. Первый способ. Открываем Исходный код браузера и ищем строчку

<link rel="shortcut icon" type="image/ico"href="http:путь_до_вашей_иконки_Favicon/favicon.ico" />

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

Второй способ. В Total Commander включил поиск в папке с сайтом по названию favicon.

установка фавикона (favicon)

Total Commander в течении минуты нашел этот лишний фавикон и мне осталось только его удалить. В следующую секунду браузер обновил сайт с новым фавиконом. Яндекс не сразу “схавает” фавикон. Может ждать до месяца.