Как создать favicon (иконка для сайта)

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

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

Итак что же нам потребуется для создания иконки сайта? А потребуется нам любой графический редактор, пара строк HTML кода и немного фантазии.

Создаем иконку для сайта собственными руками:

Создать иконку для сайта (создать favicon) совсем не сложно, достаточно лишь выполнить следующие простые шаги:

в любом графическом редакторе создаем подходящее квадратное изображение
задаем ему размер16/16 и сохраняем в формате .ico .
размещаем его в корневой директории сайта
внутри контейнера <head></head> прописываем следующий HTML код:

где name - имя вашего файла

Как создать favicon при помощи специального сервиса?

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

В качестве одного из таких сервисов представляю вашему вниманию абсолютно бесплатный сервис - www.favicon.ru

1. Итак, переходим по ссылке:

2. Теперь необходимо придумать и нарисовать свою будущую иконку в любом графическом редакторе или выбрать из множества уже существующих или можно посмотреть на доске объявлений. Важно картинку сохранять в формате .jpg, а ее размер не должен превышать 300kb.

3. Нажимаем Обзор... и указываем адрес к подготовленной нами картинке. Далее нажимаем Создать favicon.ico!

4. Теперь осталось только скачать полностью готовую иконку и разместить в корневой директории своего сайта)!

Наверх

Источник: Создание сайтов