Favicon это – Favicon — что это такое, как создать иконку фавикон в онлайн генераторе и установить ее на свой сайт | Создание сайтов и заработок в сети

Содержание

Favicon - это... Что такое Favicon?

Favicon Википедии

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.[источник не указан 903 дня]

История развития

В марте 1999 года Microsoft выпустила браузер Internet Explorer 5, который первым стал поддерживать значки для сайта.[1] Изначально этим значком был файл с именем favicon.ico, помещённый в корневой каталог (например, http://en.wikipedia.org/favicon.ico) веб-сайта. Значок используется браузером Internet Explorer в списке избранного и рядом с URL в адресной строке, если страница находится в закладках.

[2][3][4][1] Побочным эффектом было то, что количество посетителей, которые добавили страницу в закладки можно было оценить по количеству обращений к файлу значка. Эта техника устарела, так как все современные браузеры поддерживают значок без закладок.[3]

Поддержка браузерами

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

Поддерживаемые форматы иконки сайта

Данная таблица показывает поддержку форматов, в которых может быть выполнен значок сайта (favicon).

Современные возможности

Многие современные браузеры не требуют явного указания на favicon.ico в коде страницы. В случае отсутствия такого указания браузер пытается загрузить favicon.ico из корня сайта. Однако имеется возможность явно указать положение значка в (X)HTML-коде (внутри элемента <head>

), что позволяет при условии отсутствия /favicon.ico использовать для каждой страницы свой значок.

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

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

где

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

При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

В 2003 году формат ICO был зарегистрирован Саймоном Батчером (Simon Butcher) в Internet Assigned Numbers Authority (IANA). Для этого формата стандартным MIME-типом стал

image/vnd.microsoft.icon.

Если для Internet Explorer используется формат ICO, то его MIME-тип должен быть image/vnd.microsoft.icon. Тип image/x-icon устарел в 2003 году после стандартизации типа для ICO. Правильный тип image/vnd.microsoft.icon поддерживается всеми браузерами[источник не указан 698 дней]. Важно помнить, что иконка не будет показываться в браузере если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.

Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon" и значком в формате ICO для Internet Explorer, и строку с rel="icon" и значком в формате GIF или PNG для остальных браузеров.

Литература

Ссылки

Favicon - это... Что такое Favicon?

Favicon Википедии

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.[источник не указан 903 дня]

История развития

В марте 1999 года Microsoft выпустила браузер Internet Explorer 5, который первым стал поддерживать значки для сайта.[1] Изначально этим значком был файл с именем favicon.ico, помещённый в корневой каталог (например, http://en.wikipedia.org/favicon.ico) веб-сайта. Значок используется браузером Internet Explorer в списке избранного и рядом с URL в адресной строке, если страница находится в закладках.[2][3][4][1] Побочным эффектом было то, что количество посетителей, которые добавили страницу в закладки можно было оценить по количеству обращений к файлу значка. Эта техника устарела, так как все современные браузеры поддерживают значок без закладок.

[3]

Поддержка браузерами

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

Поддерживаемые форматы иконки сайта

Данная таблица показывает поддержку форматов, в которых может быть выполнен значок сайта (favicon).

Современные возможности

Многие современные браузеры не требуют явного указания на favicon.ico в коде страницы. В случае отсутствия такого указания браузер пытается загрузить favicon.ico из корня сайта. Однако имеется возможность явно указать положение значка в (X)HTML-коде (внутри элемента <head>), что позволяет при условии отсутствия /favicon.ico использовать для каждой страницы свой значок.

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

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

где

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

При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

В 2003 году формат ICO был зарегистрирован Саймоном Батчером (Simon Butcher) в Internet Assigned Numbers Authority (IANA). Для этого формата стандартным MIME-типом стал image/vnd.microsoft.icon.

Если для Internet Explorer используется формат ICO, то его MIME-тип должен быть image/vnd.microsoft.icon. Тип image/x-icon устарел в 2003 году после стандартизации типа для ICO. Правильный тип

image/vnd.microsoft.icon поддерживается всеми браузерами[источник не указан 698 дней]. Важно помнить, что иконка не будет показываться в браузере если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.

Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon" и значком в формате ICO для Internet Explorer, и строку с rel="icon" и значком в формате GIF или PNG для остальных браузеров.

Литература

Ссылки

Favicon - это... Что такое Favicon?

Favicon Википедии

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.

[источник не указан 903 дня]

История развития

В марте 1999 года Microsoft выпустила браузер Internet Explorer 5, который первым стал поддерживать значки для сайта.[1] Изначально этим значком был файл с именем favicon.ico, помещённый в корневой каталог (например, http://en.wikipedia.org/favicon.ico) веб-сайта. Значок используется браузером Internet Explorer в списке избранного и рядом с URL в адресной строке, если страница находится в закладках.[2][3][4][1] Побочным эффектом было то, что количество посетителей, которые добавили страницу в закладки можно было оценить по количеству обращений к файлу значка. Эта техника устарела, так как все современные браузеры поддерживают значок без закладок.[3]

Поддержка браузерами

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

Поддерживаемые форматы иконки сайта

Данная таблица показывает поддержку форматов, в которых может быть выполнен значок сайта (favicon).

Современные возможности

Многие современные браузеры не требуют явного указания на favicon.ico в коде страницы. В случае отсутствия такого указания браузер пытается загрузить favicon.ico из корня сайта. Однако имеется возможность явно указать положение значка в (X)HTML-коде (внутри элемента <head>), что позволяет при условии отсутствия /favicon.ico использовать для каждой страницы свой значок.

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

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

где

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

При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

В 2003 году формат ICO был зарегистрирован Саймоном Батчером (Simon Butcher) в Internet Assigned Numbers Authority (IANA). Для этого формата стандартным MIME-типом стал image/vnd.microsoft.icon.

Если для Internet Explorer используется формат ICO, то его MIME-тип должен быть image/vnd.microsoft.icon. Тип image/x-icon устарел в 2003 году после стандартизации типа для ICO. Правильный тип image/vnd.microsoft.icon поддерживается всеми браузерами[источник не указан 698 дней]. Важно помнить, что иконка не будет показываться в браузере если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.

Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon" и значком в формате ICO для Internet Explorer, и строку с rel="icon" и значком в формате GIF или PNG для остальных браузеров.

Литература

Ссылки

Зачем нужен Фавикон?

Иногда даже самые маленькие детали на нашем сайте могут играть очень большую роль в дизайне и юзабилити. И как раз о такой маленькой детальке мы сегодня с вами и поговорим...

Что такое фавикон?

Favicon (от английского favorite icon - избранный значок) - это маленькая картинка, которая ассоциируется с определенным вебсайтом или страницей.

Она располагается в верхней вкладке браузера напротив названия сайта, который вы открыли. А также эта картинка отображается в закладках, если вы добавили сайт в избранное.

Зачем его нужно использовать?

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

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

Фавикон должен экономить время вашего посетителя. Вы спросите: каким же образом он может экономить время?

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

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

Еще такой момент - когда человек ищет информацию в поисковике - он с большей вероятностью кликнет на ваш сайт, если там будет стоять фавикон, чем на сайт вашего конкурента без фавикона.

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

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

Таким образом, время моего поиска заметно сокращается.

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

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

Где мне его взять?

Фавикон обычно - это картинка рзмером 16х16 пикселей с расширением .ico или .png

Вы можете сами нарисовать его и потом просто перевести в нужный формат с помощью специальных сервисов или использовать фотошоп.

Либо вы можете найти подходящую картинку на одном из сайтов с бесплатными иконками.

Здесь нужно учитывать пару моментов: чтобы ваш фавикон не был слишком пестрым и чтобы картинка смотрелась целостно (не состояла из каких-то отдельных частей, лучше, чтобы это был один объект) чтобы даже в таком маленьком размере было понятно, что там нарисовано.

Как поставить фавикон на сайт?

Если же у вас, к примеру, статический сайт, построенный на html, вам нужно залить картинку в папку с другими изображениями сайта, а затем добавить в ваши html документы такую строчку, расположив ее в теге head:

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">

Или

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">

Это уже в зависимости от того, какой формат вы используете.

Если у вас сайт на MaxSite CMS - тут еще проще. Вам просто нужно добавить нужную картинку в папку images/favicons используемого вами шаблона. Только это должен быть формат png.

Выводы:

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

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

Автор статьи: Елена Лощилова.

Что такое фавикон и для чего он нужен

Привет всем! С вами Екатерина Калмыкова. Наверняка каждый из вас, при открытии в браузере той или иной страницы замечал, как правило, в левом углу закладки иконку с изображением сайта? Но не думаю, что каждый знает, что это такое и для чего нужно.

На самом деле рисунок имеет профессиональное название и играет достаточно важную роль для всего ресурса. Поэтому в статье мы поговорим о том, что такое фавикон (да, именно так он называется), а также как установить favicon на wordpress.

Что такое фавикон?

Итак, фавикон, что это? Как уже говорилось ранее, рисованная иконка в левом углу закладки. Если говорить в общем, это значок страницы или сайта, который отображается браузерами. Вот несколько примеров этих самых картинок:

Фавиконы также отображаются и в поисковых системах, в добавленных закладках, очень часто в chrome или других браузерах в избранном.

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

Каким должен быть фавикон?

Давайте поговорим о характеристиках его изображения:

  • Размер — 16×16, реже 32×32 точки;
  • Цвет — 16 или 2 бита;
  • Указывать элемент значка нужно в HTML коде, внутри <head>;
  • Формат: gif или png.

Теперь обозначим основные факторы, влияющие на его дизайн:

  1. Стилистика должна соответствовать блогу. Если вы специализируетесь на мотоциклах, достаточно трудно будет объяснить, почему на иконке у вас изображен апельсин.
  2. Старайтесь при создании ориентироваться не только на смысловую часть блога, но и на цветовую гамму, сохраняйте ее.
  3. Иллюстрация должна быть максимально понятной для пользователя, чтобы при поиске в поисковике, он сразу понял, что ищет именно вас.
  4. Можно поставить картинку, олицетворяющую вашу деятельность. Но здесь нужно хорошенько все продумать. Если вы занимаетесь оптовой продажей бананов, то фрукт будет как нельзя кстати. Но вот если вы продаете компьютерную технику и комплектующие, то не стоит изображать клавиатуру — я думаю, пользователи вас не поймут.
  5. Старайтесь использовать известные и запоминающиеся картинки, которые посетитель сразу запомнит и потом будет ассоциировать именно с вашим проектом, например у компании apple — яблочко.

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

Для чего нужен фавикон?

Как уже было сказано ранее, фавикон используется в качестве визитной карточки, которая олицетворяет блог. А какие еще функции выполняет он?

1. Удобство. Вспомните себя, ну у меня по крайней мере так, когда я начинаю что-то искать в сети, я открываю огромное количество вкладок, сайтов, чтобы потом не потерять то, что нужно. И что в итоге? Я просто утопаю в океане каких-то непонятных заголовках «скачай прямо сейчас», «у вас 10 новых уведомлений» и т.д. Иллюстрации веб-проектов в этом плане мне очень помогают. Благодаря этому помощнику я сразу могу найти во вкладках то, что мне нужно, потому что вижу визитку ресурса.

2. Как правило, на решение человека в выборе какого-то продукта, будем рассматривать блог как продукт, влияет его зрительное восприятие. Поэтому, по результатам исследования, человек скорее всего кликнет на ссылку, у которого есть своя визитная карточка в поиске. Как ни странно, у меня раньше этого и в мыслях не было, но это действительно так. Я скорее всего и чаще перехожу по ссылке, у которой есть иллюстрация, чем по той, у которой ее нет. И, как правило, эти сайты находятся в топе поиска.

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

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

Поговорим, каким образом можно сделать эту фигурку?

1. Adobe Photoshop. Для этого вам нужно иметь некоторые навыки работы в программе и уметь пользоваться этим инструментом. Профи советуют рисовать его большого формата, чтобы было удобнее, а потом уменьшать для приемлемого размера. После этого рисунок сохраняем в правильном формате и все - ваша визитка готова. После мы переходим на генератор фавиконов favicon-generator.org и генерируем.

2. Онлайн-сервисы. Например, favicon.ru . Здесь вы можете не только создать иллюстрацию самостоятельно в онлайн режиме прямо на главной странице бесплатно. Но и загрузить уже готовое изображение, а также заказать у дизайнера.

Вот как этот ресурс выглядит.

— заказ рисунка у специалиста;

— сделать самостоятельно путем добавления рисунка из документов компьютера;

— нарисовать иконку на сайте.

Конечно, там можно сделать что-то более интересное, но сегодня мой талант художника ушел в спячку 🙂

Еще один ресурс самостоятельного создания иконок favicon.by. Функционал и алгоритм работы очень похож на предыдущий сервис. Поэтому останавливаться подробно на нем не буду. Зайдите на этот сайт, его интерфейс интуитивно понятен и прост.

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

Как установить фавикон?

Все создано, а как теперь добавить фигурку на wordpress? Очень просто, сейчас расскажу как!

Есть несколько вариантов:

1. Если тема поддерживает загрузку картинки напрямую, воспользуйтесь этой функцией. Нужно зайти в административную панель во вкладку «Внешний вид», выбрать тему и загрузить фавикон.

Это самый быстрый и простой способ.

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

2. Если тема такого не поддерживает, путь будет дольше. Необходимо зайти в «Медиафайлы» и нажать «Добавить новый».

Загрузить подготовленное изображение в необходимом расширении: iso или png.

Далее нажать на «Изменить» и скопировать ссылку.

После зайдите в административное меню «Внешний вид» — «Редактор».

Выберете необходимую тему.

 Откройте «Заголовок».

И в поле после «head» вставьте следующий код:

Где вместо «http://адрес-вашего-сайта.ru/favicon.ico"» вставляем скопированную ссылку. Затем нажимайте установить.

Все, на этом работа по установке фавикона завершена. Поменять его можно таким же образом, вставив ссылку на новое изображение.

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

Всем пока!

Оказалась статья полезной? Я буду благодарна, если вы поделитесь ее с друзьями!

Екатерина Калмыкова

Favicon - это... Что такое Favicon?

Favicon Википедии

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Традиционно использовались изображения размера 16×16 пикселей формата ICO, помещённые в корень сайта под именем favicon.ico, — тогда Microsoft Internet Explorer использовал их для закладок. До версии 7.0 MSIE использовал значки только для закладок, и поэтому администраторы серверов могли узнать, сколько пользователей создало закладку на их сайт.[источник не указан 903 дня]

История развития

В марте 1999 года Microsoft выпустила браузер Internet Explorer 5, который первым стал поддерживать значки для сайта.[1] Изначально этим значком был файл с именем favicon.ico, помещённый в корневой каталог (например, http://en.wikipedia.org/favicon.ico) веб-сайта. Значок используется браузером Internet Explorer в списке избранного и рядом с URL в адресной строке, если страница находится в закладках.[2][3][4][1] Побочным эффектом было то, что количество посетителей, которые добавили страницу в закладки можно было оценить по количеству обращений к файлу значка. Эта техника устарела, так как все современные браузеры поддерживают значок без закладок.[3]

Поддержка браузерами

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

Поддерживаемые форматы иконки сайта

Данная таблица показывает поддержку форматов, в которых может быть выполнен значок сайта (favicon).

Современные возможности

Многие современные браузеры не требуют явного указания на favicon.ico в коде страницы. В случае отсутствия такого указания браузер пытается загрузить favicon.ico из корня сайта. Однако имеется возможность явно указать положение значка в (X)HTML-коде (внутри элемента <head>), что позволяет при условии отсутствия /favicon.ico использовать для каждой страницы свой значок.

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

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

где

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

При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).

В 2003 году формат ICO был зарегистрирован Саймоном Батчером (Simon Butcher) в Internet Assigned Numbers Authority (IANA). Для этого формата стандартным MIME-типом стал image/vnd.microsoft.icon.

Если для Internet Explorer используется формат ICO, то его MIME-тип должен быть image/vnd.microsoft.icon. Тип image/x-icon устарел в 2003 году после стандартизации типа для ICO. Правильный тип image/vnd.microsoft.icon поддерживается всеми браузерами[источник не указан 698 дней]. Важно помнить, что иконка не будет показываться в браузере если её Content-type, возвращаемый веб-сервером, не совпадёт с указанным в html-коде страницы.

Можно указать несколько изображений в разных форматах — например, строку с rel="shortcut icon" и значком в формате ICO для Internet Explorer, и строку с rel="icon" и значком в формате GIF или PNG для остальных браузеров.

Литература

Ссылки

Обсуждение:Favicon — Википедия

Материал из Википедии — свободной энциклопедии

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

Где вы это взяли? Почему на сайте W3C используется

<link rel="shortcut icon" href="/2008/site/images/favicon.ico" type="image/x-icon" />

? — 188.232.3.134 10:27, 17 октября 2011 (UTC)

  • Второй пример оптимизирован под некоторые особенности IE, первый же подходит для остальных популярных браузеров. Eugeniy 14:27, 17 октября 2011 (UTC)
Для явного указания favicon.ico

далее идет инструкция по вставке .png изображения. Ниже опять описание формата .ICO. Возможно, стоит, указывать инструкцию на вставку традиционной иконки.


Если сочтете уместными, то можно добавить ссылку на перевод статьи о работе favicon.ico в разных браузерах - http://belyan.in/2013/01/razbiraemsya-kak-rabotaet-favicon-ico/--46.181.10.216 19:43, 27 января 2013 (UTC)

Удаление favicon из адресной строки[править код]

Предлагаю добавить информацию о том, что в Chrome, Firefox (14) и Opera (11.60) favicon убрали из адресной строки по причине безопасности: "Значки останутся на табах, в закладках и прочих местах. "Красоту" убирают лишь из адресной строки, так как фавиконы весьма эффективно применяются злоумышленниками для фишинга. При заходе на фальшивый ресурс пользователю демонстрируют иконку в виде привычного значка SSL-соединения. Оказывается, подобный хак вводит в заблуждение массы, потому разработчики решили его исключить." Romanvan 14:12, 30 января 2013 (UTC)

Прошу снять блокировку для редактирования.[править код]

  • 1) Указана не верная информация "Для явного указания местоположения favicon.ico необходимо вписать следующую строку в код страницы вашего сайта внутрь секции head:". Однако, предлагается код для вставки .png вместо .ico
<link rel="icon" type="image/png" href="/someimage.png" />

тогда как для .ICO нужно использовать

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  • 2) Хочу добавить информацию про размеры favicon для retina экранов и мобильных устройств.
  • 3) Можно добавить ссылку на faviconer.com, раз уж указали favicon.cc. На данном сервисе можно генерировать favicon нескольких форматов в одном .ICO файле.

Hippers 09:06, 25 декабря 2013 (UTC)

Отправить ответ

avatar
  Подписаться  
Уведомление о