К основному контенту

Как создать фавикон из картинки

Многие веб-сайты или отдельные веб-страницы имеют значки, которые отображаются в адресной строке браузера перед URL страницы. Эти значки называются фавикон ( favicon - сокращение от FAVorites ICON) .
Из названия можно понять, что favICON – это специальная иконка. Чаще всего в качестве favicon используется логотип сайта. Фавикон придает сайту индивидуальность не только при просмотре сайта, но и выделяет его в результатах поиска.

Знаете ли Вы как появился  теперь такой обычный элемент графического оформления -  иконка?
Обычная иконка (в русской терминологии – «ярлык») - небольшая картинка, представляющая программу, файл, каталог, или устройство. Если «кликнуть» по ней мышкой, то выполнится заранее запрограммированное действие - запустится приложение, откроется файл или папка.
Ярлыки были изобретены в 1970 году. В ОС MS Windows чаще всего используются значки с размерами 16, 32 и 48 точек. Современные операционные системы включают поддержку всё более крупных размеров значков (до 512×512)

Специальные иконки для сайта стали использовать в марте 1999 года после запуска браузера Internet Explorer 5. Этот браузер первым стал поддерживать специальные значки для сайтов.

Чтобы фавикон отображался в браузере ранее требовалось всего лишь в корневой каталог сайта поместить файл с именем favicon.ico без каких либо изменений программного кода на сайте.
Браузер сам загружает файл favicon.ico из корневой директории сайта и отображает фавикон .
Но сейчас имеется возможность  явно указать положение значка в HTML коде страницы внутри элемента <head>  и использовать для каждой страницы свой значок (только при условии отсутствия favicon.ico в корне сайта!).

Для явного указания местоположения favicon.ico необходимо вписать следующую строку в код страницы вашего сайта внутрь секции head:

<link rel="icon" type="image/png" href="/someimage.png" />

где


  • rel может содержать и «shortcut icon» (при этом Microsoft Internet Explorer будет реагировать на строку «shortcut icon», а браузеры, соответствующие стандартам, — на слово «icon»)
  • href содержит абсолютный или относительный URI к файлу
  • Форматом файла может быть png или gif, размером 16x16 или 32x32 и с 8-битной или 24-битной глубиной

При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).
Создать фавикон можно различными бесплатными программами. Но значительно проще воспользоваться онлайн сервисом для создания favicon.
Чаще всего предлагают создать фавикон из точек в специально разработанной форме. Этот способ достаточно трудоемкий.
Имеются и более легкие способы создать красивый фавикон.
Воспользуемся онлайн сервисом xiconeditor чтобы
создать фавикон из картинки.


Комментарии

Популярные сообщения из этого блога

Полезные ссылки от КОНОДЕН

Оптимизация и продвижение видео Tubebuddy – подбор тегов, анализ поисковых запросов, массовое копирование, редактирование аннотаций и подсказок (+шаблоны), расширенная статистика для всех видео. Плагин для браузеров Google Chrome, Firefox, Internet Explorer и Яндекс-браузера. http://tubebuddy.com/ (партнерам медиасети YUDK корпоративная лицензия бесплатно). VidIQ – аналог Tubebuddy, подбор тегов, анализ поисковых запросов, массовое копирование, редактирование аннотаций и подсказок. Плагин для браузера Google Chrome и Яндекс-браузера. https://chrome.google.com/webstore/detail/vidiq-vision-for-youtube/pachckjkecffpdphbpmfolblodfkgbhl?hl=ru Keyword Tool – сервис для подборка тегов к видео на основе поисковых подсказок YouTube. http://keywordtool.io/youtube Вордстат – статистика ключевых слов на Яндексе. Поиск идей для видео, вариантов ключевых слов и для оптимизации тегов. https://wordstat.yandex.ru/ Google Trends – отслеживание трендов, популярности поисковых запросов, ак

Шпаргалка по сигнализации DSC РС1404

Cигнализации DSC РС1404 запрограммирована на заводе, но при первом включении выдает несколько ошибок так как: сбой системных часов (8 тип ошибки); не запрограммированы номера телефоном (3 тип ошибки); если при не подключенной сирены вместо сирены не подключен резистор в 1 КОм (2 тип ошибки) Просмотр неисправностей  При нажатии кнопки [#], звуковая индикация неисправности выключается, но неисправность не снимается. Для просмотра типа неисправности наберите [*][2]. Один или более индикаторов зон включатся, показывая типы неисправностей. ТИП НЕИСПРАВНОСТИ 1 Требуется обслуживание. Вызовите установщика или сервисную службу. 2 Показывает отсутствие сетевого питания. При наличии этой неисправности индикатор неисправности включится, но зуммер пульта не будет давать сигналов, пока не разрядится аккумулятор 3 Неисправность телефонной линии 4 Сбой передачи сообщения на центральный пульт 5 Сбой зоны. Нажмите [5], включится индикатор неисправной зоны. 6 Темпер зоны. Нажмите

Fan Studio: простой онлайн редактор фотографий

Онлайн редактор фотографий Fan Studio имеет простой и удобный интерфейс на русском языке. В боковой панели фиксируются все действия, произведенные с изображением. Имеется система отмены внесенных изменений.Основные возможности сервиса: Изменение размеров снимка. Обрезка изображения. Зеркальные повороты во всех плоскостях. Баланс света и тени. Устранение шумов на изображении Устранение выпуклости. Виньетирование. Цветовая коррекция Выравнивание теней. Баланс света и тени. Выравнивание освещенности. Увеличение резкости фотографии. Повышение контрастности. Исправление эффекта «красных глаз». Спецэффекты. Отредактированную  фотографию можно сохранить на свой компьютер  или загрузить на сервер Fan Studio.