Случайный выбор победителя «Вконтакте»
Артем Мáлков
464 просм
0 комм
Поделиться

Как создать иконку favicon для сайта?

Иконка (favicon) – это небольшой логотип вашего сайта, который отображается в левой части вкладки браузера, закладках браузера, а также в некоторых поисковых системах, например, в Яндекс.

Зачастую, когда в ваших закладках слишком много сайтов – проще найти нужный именно по этой иконке, а не по названию. В принципе, это же правило работает и для поисковых систем. Вы ищите необходимую информацию, видите знакомую иконку – и думаете: «О, я же был на этом сайте, и он неплохо мне помог, пожалуй, зайду еще раз на него».

Как создать иконку favicon для сайта?

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

Как сделать favicon для сайта?

Сделать иконку для сайта можно несколькими способами:

1. Найти и скачать готовую картинку в интернете и отредактировать с помощью графического редактора.
2. Нарисовать самому, например, в программе photoshop (один из лучших вариантов).
3. Воспользоваться услугами специальных онлайн - сервисов (за определенную плату).

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

Получение нужного формата для favicon

Итак, создав вашу иконку с расширением *.jpeg/jpg, *.gif или *.png нужно загрузить ее на одном из сервисов по изготовлению фавиконок.

Мы советуем использовать наш сервис, поскольку он является более удобным и современным.

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

После чего, нажмите «Создать favicon» и в течении пары секунд, вам будет предложена к скачиванию ваша иконка, а также, будет доступен режим предпросмотра, чтобы вы представляли, как изображение будет выглядеть в браузере, и, по желанию, смогли создать новую.

Как создать иконку favicon для сайта?

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

Как добавить favicon на сайт?

1. После того, как вы скачали готовую иконку c расширением *.ico, ее нужно добавить на ваш сайт, чтобы она отображалась на вкладках браузеров. Это сделать очень просто. Нужно залить файл с иконкой в корневую папку вашего сайта. Я использую для этого FTP-клиент FileZilla. Но можно загрузить и с помощью панели управления вашего хостинга (в файловом менеджере нужно залить файл с иконкой в папку, где хранятся все файлы вашего сайта).

2. В шаблоне вашего сайта, между <head></head> нужно вставить следующий код:

<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>

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

Теперь вы знаете, как сделать иконку favicon для сайта и как правильно ее подключить. Многие сайты почему-то до сих не используют favicon и я считаю, что зря. Потому что иконка является некой формой индивидуальности и по запоминающемуся логотипу всегда легко узнать и найти сайт – хоть в закладках браузера, хоть среди сайтов в поисковой выдаче. В общем, дерзайте! Сделайте иконку для своего сайта, чтобы он стал узнаваемым!

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария