Что такое favicon и как его создать?

Давайте сегодня поговорим о том, что такое favicon, потому что, как ни странно, этот вопрос задают многие и приходится объяснять на пальцах. Вот если рядом с человеком находишься — тыкнул пальцем в монитор и сразу человеку понятно, что такое favicon, а так приходится потрудиться, чтобы объяснить конечно. На самом деле у каждого, уважающего себя сайта, должен быть favicon, можно сказать, как идентификатор сайта.

Что такое favicon

Favicon вы можете видеть в углу закладок вашего браузера. Эта небольшая иконка в прямом и переносном смыслах является отличительным знаком вашего сайта или блога, благодаря этой иконке ваш проект становится узнаваем. Важно отметить то, что Favicon располагается не на обычном адресе, а по тому, который отображается в специальной закладке под названием «Shortcut icon». Хотя с другой стороны сама иконка может находится вообще на другом сайте.

Как же создать эту эмблему, которая будет лицом вашего проекта? Изначально вам нужно придумать изображение, логотип, который будет легко узнаваться, и выглядеть привлекательно, несмотря на миниатюрный размер. После этого необходимо сохранить и сохранить его в формате «. ico». Самому файлу нужно дать имя «favicon» и поместить его в корневой каталог сайта, так как хотя бы Internet Explorer ищет Favicon’ы именно там. Самый популярны размер иконки — 16х16 пикселей.

Вынужден предупредить, что отображение фавиконов хромает в некоторых браузерах, например, в некоторых старых версиях Opera. Устранить проблему можно, нужно использовать размер картинки только 16х16 пикселей, и гамму цветов только 16 или 256. А еще лучше еще и использовать формат иконки Windows Icon. Этот прием не только совместимость улучшит но и качество изображения повысит. А так, можно использовать практически любой размер, формат и расположение иконки.

Современные браузерные программы способны работать с Favicon’ами не только в формате «ico», но и в «bmp», «gif», «png» и т. д.

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

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

Как создать favicon

С точки зрения создания favicon-иконки, на сегодня все очень просто, есть довольно большое количество как генераторов, так и редакторов иконок, причем в визуальном режиме. Конечно, можно использовать готовые решения, и так поступают многие, но вы же хотите создать favicon самостоятельно, не так ли? И я хочу поделиться с вами своим списком таких сервисов, которыми пользуюсь лично. Чтобы ознакомиться со всеми существующими сервисами, можно набрать в поисковике запрос «создать favicon» и он вам выдаст множество страниц с сервисами.

Комментарии

Статьи по теме

3 бесплатных курса: пройдите лекцию, задачи, и проверьте свои знания

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

Замок замерз. Почему и что делать?

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

AirPods Max – дизайн, цена и характеристики

В конце 2020 Apple анонсировали AirPods Max – закрытые наушники премиум-класса, которых фанаты ждали годами. Хоть их и ждали, все же запуск...

Последние записи

3 бесплатных курса: пройдите лекцию, задачи, и проверьте свои знания

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

Замок замерз. Почему и что делать?

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

AirPods Max – дизайн, цена и характеристики

В конце 2020 Apple анонсировали AirPods Max – закрытые наушники премиум-класса, которых фанаты ждали годами. Хоть их и ждали, все же запуск...

Perso – создайте свою собственную помаду с новым гаджетом от L’Oreal

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

5 причин купить Realme 7 5G

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

Популярное

Как вас могут взломать в Steam? Могут ли украсть аккаунт Стим?

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

Как поменять валюту в стиме на рубли

Не секрет, что ценники на игры в русском Steam намного ниже чем в Европе, США и т.д. 90% всех продуктов, а то и больше,...

Как получить Twitch Prime бесплатно в 2020 году?

Уже стало традицией награждать игроков в разных играх уникальными скинами, которые могут получить только подписчики на Twitch Prime. Однако, чтобы полностью легально...

Как перенести игру Steam на другой компьютер или диск

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

Как снять VAC бан в Steam CS:GO?

VAC – это сокращение от системы Valve Anti-Cheat, которая изначально была придумана в далеком 2002 году, а до сегодняшнего дня данная разработка потерпела кардинальных...