Меню
Назад » » »

Иконку для сайта favicon создаём


 Favicon это маленькое графическое изображение в формате iso, которое отображается в адресной строке сайта, в браузере:

Стандартная фав иконка для сайтов сделанных в конструкторе Юкоз

В этом уроке иконку для сайта favicon сделаем самостоятельно

 Правильно подобранная иконка является одним из элементов позиционирования Вашего сайта. Придаёт индивидуальность Вашему проекту и помогает выделить его из сотен других, схожей тематики.

  favicon является одним из первых элементов, наряду с Именем сайта и его описанием, на которые обращает внимание человек который ищет какую - либо информацию в интернете. Вот как это выглядит в поиске Яндекса, к примеру:

favikonka для сайта - вид в поиске

 Вы видите, что перед названием моего сайта отображается СТАНДАРТНАЯ! favicon, которая, по умолчанию, устанавливается на все сайты созданные в Конструкторе сайтов Юкоз ( это конструктор  в котором сделан сайт на котором Вы сейчас находитесь )

Это дело надо, срочно исправить!, и мы этим займёмся незамедлительно : )

Для начала создадим собственную favicon для сайта

 Я подобрал, в качестве заготовки для будущей иконки рисунок с такими параметрами:

Изображение для фав иконки для сайта

 Затем, при помощи программы Paint ( штатная программа, входящая в сборку Виндовс ), изменил размеры этого рисунка до рекомендуемых, для favicon, 32х32 пикселя ( можно, также, уменьшить рисунок до размера 16х16 пикселей ) :

Подготовка изображения для создания фав иконки для сайта

 По сути иконка для сайта favicon это, просто, небольшое изображение в специальном расширении/формате iso. 

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

 Сделать это можно с помощью специальной программы конвертора изображений. К примеру на ресурсе: online-convert.com

 Выбирайте, подготовленную картинку, и "заряжайте" её в этот конвертер в режиме онлайн:

Подготовка изображения для создания фав иконки для сайта

 Далее нажимаем на "волшебную" кнопочку Преобразовать:

Создание фав иконки для сайта

 Файл преобразовывается, преобразовывается...преобразовывается файл...Файл преобразовался!

Сохраняем полученную иконку favicon формата iso на свой компьютер, для последующей работы

Сохранение изображения фав иконки на компьютер

Созданный файл иконки favicon для сайта Вы всегда сможете найти в загрузках

Загруженный файл фав иконки для сайта

Загруженный файл фав иконки для сайта

файл фав иконки для сайта

 В следующем уроке я расскажу как Установить favicon на сайт сделанный в конструкторе Юкоз

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


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

Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

 Мой кошелёк в Яндекс Деньги

Удачи в создании и продвижении собственного сайта или интернет - магазина!

Уроки создания сайта-теги
Пока никто не добавил свой комментарий к уроку.
Будьте первым, поделитесь мнением о статье с остальными.
avatar