Если вы начали создавать свой сайт (создание сайтов) - вам потребуется иконка для сайта. В этой статье речь пойдет о создании иконки для вашего сайта. Несомненно многие из вас уже не раз встречались с подобными иконками на бескрайних просторах сети интернет, но далеко не все знают как правильно их сделать. Для начала, должен сказать, что подобная иконка называется favicon и сегодня мы поговорим о том, как создать favicon для сайта.
Красивая и запоминающаяся иконка позволит выделить созданный вами сайт среди множества других, да и просто визуально смотрится очень приятно.
Итак что же нам потребуется для создания иконки сайта? А потребуется нам любой графический редактор, пара строк HTML кода и немного фантазии.
Создаем иконку для сайта собственными руками:
Создать иконку для сайта (создать favicon) совсем не сложно, достаточно лишь выполнить следующие простые шаги:
в любом графическом редакторе создаем подходящее квадратное изображение
задаем ему размер16/16 и сохраняем в формате .ico .
размещаем его в корневой директории сайта
внутри контейнера <head></head> прописываем следующий HTML код:
<link rel="icon" href="name.ico" type="image/x-icon">
<link rel="icon" href="name.ico" type="image/x-icon">
где name - имя вашего файла
Как создать favicon при помощи специального сервиса?
Все действия, описанные в предыдущей главе можно сделать еще быстрее. Для этого в сети интернет существуют специализированные сервисы. Работа с одним из них описанна ниже
В качестве одного из таких сервисов представляю вашему вниманию абсолютно бесплатный сервис - www.favicon.ru
1. Итак, переходим на сервис favicon.
2. Теперь необходимо придумать и нарисовать свою будущую иконку в любом графическом редакторе или выбрать из множества уже существующих или можно посмотреть на доске объявлений. Важно картинку сохранять в формате .jpg, а ее размер не должен превышать 300kb.
3. Нажимаем Обзор... и указываем адрес к подготовленной нами картинке. Далее нажимаем Создать favicon.ico!
4. Теперь осталось только скачать полностью готовую иконку и разместить в корневой директории своего сайта)!
