Иконка сайта

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

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

Иконка сайта или по-другому favicon, это значок, который высвечивается на вкладке браузера, когда пользователь заходит на ваш сайт и слева от названия ресурса в поисковой строке. Если сайт достаточно популярен, то его узнавание как раз и происходит по этому символу (например, вы без труда определите по favicon любые социальные сети, новостные порталы, которыми вы постоянно пользуетесь и т.д.).

Иконка сайта может быть сделана вами:

  • полностью самостоятельно с помощью графических редакторов, Fotoshop и др.;
  • с помощью генератора иконок для сайта;
  • несложно сделать иконку для сайта онлайн;
  • или допускается скачать картинку подходящую в качестве иконки для сайта png.

В зависимости от ваших целей и возможностей, выбирайте наиболее подходящий способ.

Создать иконку для сайта

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

Библиотека иконок для сайта      

Где скачать иконки для сайта бесплатно? Да, есть ресурсы, где вы можете скачать уже готовый вариант. На таких порталах представлен набор иконок для сайта, вам остается только подобрать тот, вариант, который больше нравится и подходит по тематике вашего интернет-проекта.

Где скачать иконки для сайта бесплатно:

Выбираете то, что подходит и скачиваете следуя инструкции на сайте.

Скачать иконки для сайта

Иконки для сайта бесплатно – скачать картинку. Допустим, в графическом редакторе вы не умеете работать, заказать иконку для сайта тоже нет возможности, вы пересмотрели кучу значков в стоках, но нет подходящего варианта.

Как быть в этом случае? Можете задать в поисковой строке браузера ключевое слово, отражающее тематику вашего сайта, или конкретный предмет, который по вашему мнению должен быть на логотипе, например, «смайлик». И из предложенных картинок, выбираете то, то вы так долго искали. Главное теперь задать правильный размер и установить иконку на сайт.

Сделать иконку для сайта онлайн

Ну а теперь самое интересное – вы можете сделать иконку для сайта самостоятельно, онлайн. Я пользовалась ресурсом «Бесплатный редактор иконок» (https://iconsflow.com/ru).

Заходите на сайт, открываете редактор:

графический редактор

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

Иконка для сайта и логотип онлайн

Какой вариант оказался удобным для меня? В качестве иконки для сайта скачала бесплатно картинку:

образец картинки

Потребовалась сжать ее до размера 512*512 Пикселей.

После этого я воспользовалась интернет-редактором (https://create.vista.com/ru/), чтобы создать логотип сайта, таким же как favicon.  Потребуется регистрация, или можно войти чрез Google.

Заходим на сайт, нажимаем вкладку вверху «СОЗДАТЬ»,  в появившихся пунктах ищем  «КОНСТРУКТОР ЛОГОТИПОВ»:

конструктор логотипов

В появившемся окне нажимаем большую синюю кнопку «КОНСТРУКТОР ЛОГОТИПОВ»:

конструктор логотипов 1

И в открывшемся редакторе вы можете творить все, что душе угодно:

конструктор логотипов 2

Воспользуйтесь готовыми шаблонами, которые можете корректировать под тематику своего ресурса, или загрузите свою картинку (самая нижняя вкладка «МОИ ФАЙЛЫ»), как я в данном случае иконку своего сайта:

мои файлы

В результате было много вариантов:

образец 3 образец 2 образец 1

На что здесь хочу обратить ваше внимание!

При скачивании и сохранении готового варианта, выбирайте:

настройка скачивания

Именно в таком варианте ваш логотип будет прозрачный и встанет красиво на вашем ресурсе, не закрывая основной фон.

Как добавить иконку на сайт html

Теперь осталось рассказать, как сделать иконку сайта на вкладке html. Здесь уже нет ничего сложного.

Заходим в админку, слева ищем раздел  «ВНЕШНИЙ ВИД», вкладка  «НАСТРОИТЬ» (о том, что это такое, читайте подробнее здесь). Откроется окно, в котором нужно выбрать вкладку «НАСТРОЙКИ ПО УМОЛЧАНИЮ»:

настройка иконки

В других темах разделам может называться по-другому, например «ЗАГОЛОВОК», главное найти опцию «СВОЙСТВА САЙТА»:

выбираем свойства сайта

Внизу вы видите раздел, касающийся иконки сайта, и две нужные кнопки, «ДОБАВИТЬ» и «УДАЛИТЬ». Теперь вы знаете как поставить иконку на сайт html, и как изменить иконку сайта (удалить ту которая стоит на данный момент и вставить новую или изменить изображение.)

установить иконку

 

Далее разберемся, что такое виджеты, зачем они нужны и как их настраивать.