2 способа, как сделать фавикон для сайта

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

Привет читателям блога! В статье речь пойдёт о двух способах создания фавикона, а именно, использование двух российских сервисов. Они позволяют сгенерировать фавикон из готового изображения. В конце статьи я дам несколько советов по созданию фавикона.

Пару слов, зачем нужен фавикон для сайта. Он выделяет ваш ресурс среди тысячи других. Заметно это в строке поиска яндекса. Посмотрите скриншот моего блога.

пример фавикона в яндексе

И во вкладке браузера.


фавикон в закладке

Если честно, фавикон у меня сделан неправильно. Во-первых, я использовал буквы, что не желательно. При уменьшении размера до 16 пикселей, а именно такой размер (можно указать и 32 или 48 пикселей, но лучше 16) не видно буквы. Во-вторых, буквы в круге, он их визуально уменьшает.

Закончим вводную тему и перейдём к сервисам. Но для начала повторю, что загружаете готовое изображение. Создаёте его в любом графическом редакторе. Воспользуйтесь бесплатными – paint.net или gimp или платным – Adobe Photoshop.

Сервисы генерации фавиконов

Первый сервис — http://favicon.ru. Пользоваться просто. Ниже показаны пошаговые действия.

Выбираете изображение на компьютере и загружаете его. Я выбрал это:


пример фавикона


как сгенерировать фавикон

На сайте отобразится ваша загрузка. Стрелкой указано, что можно изменить пропорции. Нажимаете кнопку далее.


Генерируем фавикон

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


используем сервис генерации фавикона

Второй сервис — http://favicon.by.

Принцип работы здесь подобный первому. Пройду кратко по действиям.

  1. Загрузить изображение.
  2. При необходимости отредактировать его.
  3. Посмотреть результат и скачать изображение.

 

Пару советов, как сделать фавикон

Первое и самое главное, он должен быть простым и заметным. На словах говорить, конечно же, легко, а на деле оказывается, не так просто. И это правда.

Простым решением будет просмотр фавиконов известных сайтов. Яндекс, mail, kinopoisk и другие. Я назвал три сайта, у которых фавиконы проще некуда. И это самые известные сайты в сети.

Не делайте сложных рисунков. Используйте максимум три цвета, но лучше один. Как я написал выше, не добавляйте буквы.

Установка на сайт

Загрузите в корень сайта ваш фавикон. Корень – это самая первая папка на вашем хостинге. У меня сайт расположен на mchost, папка называется httpdocs.

Если у вас сайт состоит из одного html файла, открываете его и между тегами <head>  </head> вставляете эту строчку:

Если у вас блог на wordpress, открываете файл header.php и вставляете строчку между этими же тэгами.

И помните, фавикон должен всегда находится в корневой папке сайта.

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

На сегодня у меня всё. Всего вам хорошего! С уважением, Вадим Сулик.

Понравилось? Поделитесь с друзьями, нажав на одну из кнопок:


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

Заполняя форму комментирования, вы соглашаетесь с политикой конфиденциальности,
обработкой персональных данных и согласием на рассылку.