Что такое 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 увеличивается на десятки тысяч пользователей. Среди них большая часть обычных игроков, которые имеют на аккаунте десяток-другой игр, при этом...

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

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

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

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

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

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

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

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