Итак, вы решили, что вашему сайту просто необходим фавикон. Отлично! Дело за малым - надо его сделать.
Шаг первый: Выбор изображения. Выбирая картинку для фавикона, необходимо прикинуть, как он будет сочетаться с дизайном сайта, а также отражать его суть. Я выбрала картинку из онлайн-игры Мирчар, т.к мой сайт как раз посвящен этой замечательной игре (не буду особо распространяться, здесь в любой статье вы найдете информацию о Миречар)
Совет для выбора иконки – выбирайте что-то с четкими контурами, без мелких деталей и линий, желательно однотонное. В противном случае на уменьшенном изображении невозможно будет разобрать, что там за картинка – ведь размер будет всего-навсего 16*16. Нашли что-то симпатичное? Сохраняем выбранное изображение.
Шаг второй: Создание фавикон из картинки. Я воспользовалась готовым сервисом для создания иконок , благо интернет изобилует онлайновыми сервисами, которые умеют преобразовывать картинку формата jpg в картинку, пригодную для фавикона в формате ico.
- Выбираем файл с картинкой либо со своего компа, либо прописываем ее адрес, если она например уже лежит в файловом менеджере вашего сайта или на любом другом файлообменнике.
- Жмем кнопку "создать" , при этом программа сама подгонит изображение по размеру 16*16. Если фавикон получился на белом фоне , то стоит еще отредактировать иконку, ищи соответствующую ссылку. Не забудь сохранить изменения.
- Скачать готовый фавикон на свой комп.
Шаг 3 : Вставить фавикон на сайт.Закачиваем готовый файл с фавиконом на сайт. Для того, чтобы favicon отображался в строке браузера, его нужно закачать в корневую папку сайта и в большинстве случаев этого достаточно, чтобы иконка стала отображаться, а для надежности в код, внутри тегов <head> </head>, вставить следующий код:
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon”> <link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”> То, что выделено красным – путь к иконке. Если вы положили ее не в корень сайта, а в какую-то другую папку на сервере, укажите полный путь к ней. Шаг 4: Смотрим, что получилось.
Если вы пользуетесь Firefox, то вам нужно закрыть браузер и снова открыть его – новоиспеченная иконка появится рядом с урлом вашего сайта. В некоторых версия Explorer иконка тоже появляется (иногда для этого нужно занести сайт в закладки). В Googl Chrome иконка появится после очередного обновления поисковиками, где-то через 2 недели Что касается поисковиков – вашу иконку они загрузят при очередном обновлении базы. То есть, если с индексацией вашего сайта все в порядке, то вы увидите ваш фавикон рядом с названием сайта через одну-две недели. Гугл фавиконы не показывает, а вот Яндекс – очень даже показывает. Ну вот все! Еще почитать: Все статьи о сайтостроительстве.
|