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

Фавикон (favicon) - важный элемент дизайна сайта. Это иконка (файл с расширением ICO), обычно размером 16х16px или 32х32px, которая выводится во вкладке браузера перед названием сайта или любой его страницы. Фавикон придает индивидуальность сайту и узнаваемость в череде открытых вкладок браузера, а также имеет значение в плане SEO. Вы можете сделать фавикон онлайн с помощью онлайн генераторов или скачать готовые, выбрав из коллекции фавиконок или создать в фотошопе (нужен плагин).

Примеры фавикон

Онлайн генераторы фавикон

Самым удобным способом при создании фавиконок, наверное будут онлайн генераторы фавикон, которые позволяют в считанные секунды получить готовый файл файл favicon.ico

ВАЖНО: Изображение которое станет прототипом фавикон, необходимо загружать квадратное. То есть, если оригинальная картинка прямоугольная, то предварительно ее нужно вписать в квадрат, сохранить и далее использовать.


Favicon CC

Мой любимый генератор фавикон. Пользуюсь им периодически до сих пор. Простой, удобный, качественный.

Онлайн генератор фавикон Favicon CC

Favicon BY

Генератор такой же как и Favicon CC, но на русском языке. Также присутствует предпросмотр готового результата.

Генератор фавикон Favicon BY

Bestwebservice RU

Генератор фавикон позволяющий создать иконки в нескольких типовых размерах от 16 x 16 до 512 x 512px.

Генератор фавикон несколько размеров Bestwebservice RU

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

Коллекции фавиконок

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

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

Вы можете уникализировать фавикон, изменив фон (бэкграунд) добавив преобладающий цвет из цветовой схемы вашего сайта. От этого выиграет и уникальность и стиль сайта.

Создать фавикон самому в Photoshop

Также мы можем создать фавикон самостоятельно в Photoshop, однако в стандартной версии формат ico отсутствует в качестве сохраняемого файла. Поэтому прежде, нужно поискать в Интернет и установить Плагин ico для Photoshop. Но как вы понимаете, проще сделать фавикон онлайн.

Выводы

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

Поделиться!

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