Что такое 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» и он вам выдаст множество страниц с сервисами.

Комментарии

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

Для создания сайта i-complex сочетает качественный веб дизайн и технологии, которые выведут вас в лидеры

Комплексные кастомные онлайн решения: лендинги; сайты для бизнеса; онлайн-порталы с высокой степенью погрузки; интернет-магазины; социальные сети; информационные панели; веб-приложения; разработка и интеграция...

Эффективная и эффектная презентация

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

В каком обменнике обменять криптовалюту Биткойн на рубли системы Яндекс.Деньги и как выполнить обмен по выгодной цене

Тот факт, что обмен криптовалюты Bitcoin на рубли ПС Яндекс.Деньги лучше всего проводить через электронные обменники, у большинства пользователей Сети не вызывает...

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

Для создания сайта i-complex сочетает качественный веб дизайн и технологии, которые выведут вас в лидеры

Комплексные кастомные онлайн решения: лендинги; сайты для бизнеса; онлайн-порталы с высокой степенью погрузки; интернет-магазины; социальные сети; информационные панели; веб-приложения; разработка и интеграция...

Эффективная и эффектная презентация

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

В каком обменнике обменять криптовалюту Биткойн на рубли системы Яндекс.Деньги и как выполнить обмен по выгодной цене

Тот факт, что обмен криптовалюты Bitcoin на рубли ПС Яндекс.Деньги лучше всего проводить через электронные обменники, у большинства пользователей Сети не вызывает...

Что может лучшая портативная консоль 2018 года? Обзор GPD Win 2

Сегодня мы поговорим про лучшую портативную консоль 2018 года, а именно GPD Win 2. Если вы никогда не слышали...

Новая портативная консоль OneXplayer Mini Pro

Буквально на днях компания One-netbook представила очередную новенькую, монструозную портативную приставку, которая будет настоящим конкурентом для приставки Steam Deck от компании Valve....

Популярное

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

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

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

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

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

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

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

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

Realtek Audio Console не поддерживает этот компьютер (пропал звук)

Очень часто, после обновления Windows, у меня пропадал звук. Решалась проблема пару кликами в Realtek Audio Console. Однако сегодня, после очередного обновления,...