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

Инструменты для создания Favicon ― иконки сайта

Что такое Favicon? Взгляните на вкладку нашего сайта, чуть выше адресной строки в браузере. Увидели синюю бабочку? Это и есть наш фавикон или “favorite icon“, что переводится с английского как «любимый значок».

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

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

Favicon  - иконки для сайта требования и технические характеристикиКакие требования предъявляет к Favicon поисковая система Яндекс:

  • определенный размер — 16 на 16 пикселей;
  • четкое изображение без плагиата;
  • один из трех форматов: png, jpg/jpeg или лучше ico.

При соблюдении этих требований Яндекс без проблем отобразит любой ваш фавикон.

Сделать Favicon можно 2 способами. Либо при помощи графического редактора, либо просто воспользоваться готовым функционалом от 1C-UMI. Как создать иконку сайта через инструментарий конструктора. Последний вариант намного проще и легче.

6 онлайн-сервисов для создания Favicon

X-Icon Editor

Зарубежный сайт для рисования фавикона в режиме онлайн. Имеет хороший функционал, различные кисти, карандаши, надписи и т.д. Выбрать можно несколько размеров, в том числе и 16x16, который котируется Яндексом.

Favicon  - иконки для сайта функционал X-Icon EditorСайт позволяет также загрузить собственное изображение (например, логотип) при помощи кнопки “Import“. В дальнейшем его можно отредактировать, добавить фон, текст и прочие элементы, которые сделают фавикон уникальным и неповторимым.

Antifavicon

Простейший генератор фавиконов с интересной функцией — вмещает любой текст в стандартный размер значка, 16 пикселей.

Favicon  - иконки для сайта функционал AntifaviconЗдесь можно менять надпись, которая разделяется надвое линией посередине, а также цвет текста и фона. При необходимости вокруг иконки активируется обводка.

Чтобы скачать свой favicon, нужно кликнуть по желтой кнопке “save as favicon file“.

favicon.cc

Простой и, в то же время, функциональный сервис по созданию фавиконов. Несмотря на то, что не переведен на русский язык, все интуитивно понятно.

Favicon  - иконки для сайта функционал favicon.ccВ качестве инструмента рисования назначен пиксельный карандаш. С его помощью закрашиваются отдельные пиксели любым выбранным в палитре цветом. Можно регулировать прозрачность или перемещать рисунок в пределах рабочего поля.

 Favicon  - иконки для сайта функционал favicon.cc сохранение на компьютерДля сохранения favicon на компьютер достаточно воспользоваться расположенной внизу кнопкой “Download Favicon“. Там же, чуть выше, есть небольшое окошко, в котором показывается превью рисуемого значка в режиме реального времени.

Logotizer

Удобный русскоязычный сервис, который позволяет создавать фавиконы за несколько минут. При помощи данного инструмента можно выбирать форму значка, цвет, текст и регулировать его параметры (размер, расположение, шрифт, начертание).

Favicon  - иконки для сайта функционал LogotizerСправа есть панель, в которой показывается, как будет отображаться favicon на вашем сайте и в Яндексе, а также на экране смартфона, рабочем столе и панели задач Windows.

иконки для сайта функционал Logotizer, требования для скачиванияУ этой площадки есть и минус скачивание созданного фавикона доступно только после регистрации и последующей оплаты в размере 199 рублей.

Однако смекалистые люди могут попробовать сохранить свой «шедевр» бесплатно. Например, в процессе редактирования сделать скриншот итогового фавикона, затем уменьшить его в Photoshop и конвертировать в ico при помощи отдельного плагина или специального онлайн-конвертера.

Favicon.by

Русскоязычный аналог favicon.cc. Те же функции, только немного иначе расположены и переведены на «великий и могучий».

Можно нарисовать фавикон попиксельно или загрузить готовый и конвертировать в ico формат.

Favicon  - иконки для сайта функционал Favicon.byВ отличие от зарубежной версии, сюда можно также импортировать файл с сайта.

А для сохранения итогового фавикона необходимо нажать на кнопку «Скачать фавиконку» и при этом не забыть переместить ползунок на пункте «Разрешить публикацию на сайте» влево, чтобы исключить массовое распространение созданного вами значка.

Genfavicon

Простейший генератор фавиконов, который делает одно конвертирует готовое изображение в нужный формат (ico или png) и размер. С нуля здесь нарисовать ничего не получится, но для этих целей нами и были рассмотрены вышеописанные инструменты.

Favicon  - иконки для сайта функционал GenfaviconПользоваться сервисом достаточно просто. Загружаем графический файл, указываем нужный размер, кликаем по кнопке “Capture & Preview”, затем “Download Favicon”.

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

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

  • Сайт компании
    block-img
  • Сайт специалиста
    block-img
  • Интернет-магазин
    block-img
  • Лендинг
    block-img
  • Домен
  • Реклама и продвижение
  • Создание каталога товаров
  • Онлайн-запись на приём
  • База клиентов (CRM)
  • Трансляция новостей в RSS
Бесплатно!
создать сайт
  • Домен
  • Реклама и продвижение
  • Создание страниц, новостей, блога
  • Обратная связь
  • Отзывы
Бесплатно!
создать сайт
  • Домен
  • Реклама и продвижение
  • Создание магазина с корзиной
  • Личный кабинет клиента
  • Управление заказами
  • Подключение платежных систем
  • Синхронизация с 1С и МойСклад"
  • Мобильное приложение
Бесплатно!
создать сайт
  • Домен
  • Реклама и продвижение
  • База клиентов (CRM)
  • Управление формами обратной связи
  • Поддержка мобильных устройств
Бесплатно!
создать сайт