среда, 28 марта 2018 г.

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

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

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

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

 Я подобрал, в качестве заготовки для будущей фавиконки рисунок с такими параметрами:
Изображение для фав иконки для сайта
Фавиконка для сайта
 Затем, при помощи программы Paint ( штатная программа, входящая в сборку Виндовс ), изменил размеры этого рисунка до рекомендуемых, для favicon, 32х32 пикселя ( можно, также, уменьшить рисунок до размера 16х16 пикселей ) :
Подготовка изображения для создания фав иконки для сайта
иконка для сайта favicon сделать
 По сути иконка для сайта favicon это, просто, небольшое изображение в специальном расширении/формате iso.  И  всё что нужно сделать , для создания такого изображения это конвертировать выбранную Вами картинку в этот формат.

 В моём примере - преобразовать из формата png в искомый iso.

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

 Выбирайте, подготовленную картинку, и "заряжайте" её в этот конвертер в режиме онлайн:
Подготовка изображения для создания фав иконки для сайта
 Далее нажимаем на "волшебную" кнопочку Преобразовать:
Создание фав иконки для сайта
 Файл преобразовывается, преобразовывается...преобразовывается файл...

 Файл преобразовался! Сохраняем полученную иконку на свой компьютер, для последующей работы:
Сохранение изображения фав иконки на компьютер
Сохранённый файл favicon
  Сохранённый файл favicon Вы всегда сможете найти в Ваших загрузках:
 Загруженный файл фав иконки для сайта
Загруженный файл фав иконки для сайта
файл фав иконки для сайта

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

 Постоянный адрес этой статьи на моём сайте: Иконку для сайта favicon создаём

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

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

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

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

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

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

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

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

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

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

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

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

Комментариев нет:

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