.

Favicon создать просто


favicon создать

Здравствуйте! Сегодня на блоге UsvInternet.ru мы поговорим о том, что такое favicon, и как установить его на блог или сайт работающий на движке WordPress.

фавикон в выдаче Яндекса

Favicon – это значок или иконка для сайта или блога. Совсем недавно он использовался браузером  Internet Explorer для отображения закладок. Теперь поддерживается любым браузером, его можно видеть  в закладках, в открытых вкладках и в выдаче поисковиков.

Favicon – это изображение размером 16×16 пикселей и имеющее формат iso.

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

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

Favicon создать просто

 

В сети интернет есть не мало сервисов для создания «фавикон» и парочку из них мы рассмотрим.

Первый онлайн сервис —  «favicon generator».

1. Для начало, нужно подобрать изображение, не важно, какого размера или формата. Генератор приведет ваше изображение в соответствие .

2. Далее заходим на сервис http://www.favicon.co.uk/ и видим поле с генератором.

Генератор фавикон

3. Жмем на кнопку «Выберите файл», загружаем изображение.

4. Выбираем размер 16×16, можно конечно и другой, но Яндекс его все равно будет показывать 16×16.

5. И далее на кнопку «Создание Favicon». Ваша иконка готова (ее можно видеть чуть ниже), и в формате iso.

6. Скачиваем иконку на жесткий дикс.

Второй онлайн сервис —  favicon.cc

Создание favicon

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

Рисуем favicon

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

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

favicon скачать

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

Как установить favicon

Изображение загружается в корень папки расположенной на хостинге. Корневая папка – это самая первая папка, в которой находятся все  файлы сайта или блога. Вот в эту первую папку и загружаем изображение.

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

<link rel=»SHORTCUT ICON» href=»/favicon.ico»type=»image/x-icon»>

Переходим в консоли «Внешний вид» → «Редактор» → header.php. И вставляем между тегами <head> и </head>. Не забываем обновить файл.

Вставляем код

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

На этом все. Теперь ваш сайт, блог имеет  favicon, и будет узнаваем вашими посетителями.

С уважением Андрей.

Другие статьи

Удаляем внешние ссылки из шаблона WordPress

Как создать резервную копию сайта на хостинге TimeWeb

Страница 404 — улучшаем внешний вид

Интересные статьи:

Узнавайте О Новых Статьях По Почте

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

Подписаться не комментируя

Top