Создание сайтов на заказ ; Favicon для сайта: 2 способа создать favicon - портфолио web-дизайнера

Favicon для сайта: 2 способа создать favicon

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

создать favicon для сайта,favicon ico сайта онлайн,иконка сайта favicon,

Создать Favicon для сайта

Первый способ

Давайте подробнее рассмотрим, как создать Favicon для сайта. Есть два способа. Один из них вам точно подойдет. Сначала сложнее, но уникальный! Понадобиться:

  1. Photoshop;
  2. Сайт генератор, на пример Dynamic Drive;

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

После создания своего большого изображения, нужно сохранить его для Web.
Далее переходите на сайт Dynamic Drive в раздел Favicon Generator и следуете подсказкам на скрине.

создать favicon для сайта, favicon онлайн,афмшсщт генератор

Всего 3 шага:

  • загрузить созданное в фотошопе изображение;
  • нажать кнопку — создать иконку (create icon);
  • после этих действий появиться окошко загрузки иконки favicon.

Секреты и уроки:

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

Создать favicon для сайта онлайн

Второй способ

Понадобиться только интернет и готовые изображения favicon. Я приведу несколько ссылок, на которых вы сможете подобрать свою favicon иконку для сайта. (Это не реклама и ссылки взяты на просторах интернета)

  1. http://faviconka.ru/
  2. http://findicons.com/

Если вы знаете какие -то свои интересные ресурсы для поиска favicon для сайта, тогда напишите в комментариях. Возможно вы поможете кому-то из нас, найти что то свое, подходящее!

Как поставить favicon на сайт

Готовую картинку нужно разместить в корне вашего сайта, можно сделать это через FTP соединение. Или же на прямую через панель вашего хостинга. После того, как favicon окажется в нужном месте, переходим ко второму пункту.
Открываем файл head

И между тегами <head> и </head> прописываем код
<link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

Открывайте браузер и проверяйте результат!

comments powered by HyperComments

Читайте также: