При создании современного сайта каждая деталь имеет значение. Не исключением стала маленькая картинка, которая именуется favicon и считается показателем хорошего сайта. Что это такое, зачем использовать и как создать, разберёмся далее в статье.
Что такое фавикон и зачем его создавать?
Favicon – английское сокращение от слов Favorites (избранный) и icon (значок), представляющее собой небольшую картинку рядом с адресной строкой или на странице закладок. Некоторые эксперты и аналитики отмечают, что чем ярче и запоминающийся элемент, тем чаще появляется желание зайти на сайт с поисковой выдачи или закладок. Это влияет на CTR и поведенческие факторы.
Для создания картинки используются различные редакторы и программы, позволяющие соблюдать основные требования к изображению: размер 16х16 пикселей, применение специализированного расширения ico, а также размерность по весу. Чтобы картинка отображалась корректно на всех страницах сайта, её необходимо поместить в корневую директорию FTP.
В зависимости от CMS, добавлять файл возможно несколькими способами. Первый через хостинг или его файловую систему. Для этого изображение переименовываем favicon.ico и отправляем в корень. Второй вариант связывается с возможностями CMS, темы и плагинов. Добавляется обычной загрузкой через медиафайлы.
Создание favicon: подбираем удобный вариант
На сегодняшний день существует несколько вариантов и способов создания, подбора фавикона. Все зависит от творческих способностей человека, наличия времени и желания.
- Использование оффлайн редакторов, среди которых известный Photoshop, GIMP. Имеются и специализированные приложения, заточенные специально для этих целей. Среди плюсов выделяется большее количество инструментов, отсутствие необходимости доступа в интернет. К минусам – нет предосмотра и проблемы с расширением файлов.
- Применение онлайн-сервисов, которые позволяют создавать favicon быстро и с нужными размерами. Для этого существует несколько вариантов реализации поставленной задачи: преобразование большой картинки в конечный продукт, рисование по клеткам и написание текстов.
- На некоторых специализированных сайтах предоставлена возможность для скачивания архивов. Решение идеально подходит для поставленных задач. Единственная проблема заключается в возможном повторе картинок с другими сайтами.
Далее, остановимся более подробно на втором варианте, рассмотрим возможности онлайн-сервисов по созданию favicon.
Онлайн-сервисы для создания фавикона
Как отмечалось выше, существует огромное количество современных онлайн-редакторов по созданию favicon. Рассмотрим 5 лучших и самых удачных для использования.
Проект favicon
Один из популярных и первых в выдаче по запросу «Создать фавикон онлайн». Проект полностью бесплатный, позволяет в течение нескольких минут сделать уникальную картинку. Последнее выполняет двумя способами: первый заключается в прорисовке изображения в специальном поле, второй – загрузка картинки с компьютера и преобразование ее в подходящий вид.
Имеются некоторые ограничения, связывающиеся с округлением, добавлением записей, не читаемости надписей с загруженной картинки. В случае отсутствия желания создавать собственный фавикон, его можно заказать у специалистов favicon.ru. Среди схожих проектов выделяется pr-cy.ru.
Faviconist
Уникальный и простой сервис, решающий проблемный момент. На сайте доступен редактор по нанесению надписей, слов или символов различными шрифтами. Текст получается мелким, но его достаточно для создания уникального и интересного изображения. Что касается фона, то перед началом работ выбирается необходимая расцветка или градиент.
X-Icon-Editor
Иностранный сервис считается одним из самых популярных в буржуйнете. Редактор обладает широкой функциональностью, позволяет использовать удобные инструменты для рисования, включая скругление углов. Специальные кисти добавят уникальности изображению, расширят возможности дизайнера.
Для работы загрузите собственную заготовку, которую в дальнейшем необходимо отредактировать и доработать. Сервис поддерживает формат ico, jpeg и png. При сохранении готового продукта имеется возможность задать размерность изображению.
Anti favicon
Функциональность проекта чем-то напоминает Faviconist и может рассматриваться в качестве альтернативного варианта. Количество шрифтов значительно ниже, отсутствуют гладкие линии и некоторые инструменты. При большом нагромождении слов возникают неудобства с читабельностью. Применение текста не самое удачное решение для создания фавикона, но одно из…
Logaster
Популярный онлайн-сервис по созданию favicon. Для выполнения поставленных задач предварительно разрабатывается логотип. Кстати, последний реализуется на этом же проекте, но за оплату. Заполняем несколько табличек, загружаем картинку и получаем изящный результат.
В случае когда ни один вариант не подходит, рекомендуем рассмотреть иное решение. О нём будет рассказано далее в статье.
Кому и когда подойдут альтернативные решения?
Иногда у владельцев сайта нет времени или творческих способностей на создание уникального и красивого фавикона. В этом случае воспользуйтесь альтернативой получения небольшого изображения, заключающегося в скачивании архива и поиск удачного варианта.
При выборе картинки среди множества, нужно соблюдать некоторые требования и ограничения:
- Не используйте на собственных сайтах favicon, который применяется на крупных порталах, социальных сетях или у известных компаний. Нарушение авторских прав может негативно сказаться на поисковых позициях и авторитете ресурса в случае подачи жалобы на правообладание объектом творчества.
- Старайтесь выбрать картинку по теме или нейтральную по отношению к ней. Если сайт про животных, найдите удачный вариант с изображение собаки, кота и так далее.
- Следите за размерами по весу, ширине и высоте. Все стороны должны быть пропорциональны, идеальный вариант обладает размерностью 16х16 и весом в несколько байт.
На этом все. Наводите красоту на собственном сайте, используйте только лучшие инструменты и решения.