Каков в настоящее время лучший способ заставить favicon отображать во всех браузерах ту поддержку Favicons?

DOM является древовидной структурой.

Когда вы добавляете элемент, вы меняете его родителя.

Узел в браузере намного больше, чем просто текст внутри вашего P (эта строка может быть разделена, в факт). Он также имеет положение, размеры, видимость, принимает события, которые могли быть уволены в дочерних элементах, распространять события на родителя и т. Д. Все здесь зависит от положения в дереве. Так же, как и многие селектор CSS. Не имеет большого значения, чтобы представить, что это один и тот же элемент в двух местах, лучше подумать об этом как о двух узлах, возможно, в одном и том же содержимом.

Если вы хотите иметь один и тот же контент в двух местах, у вас есть , чтобы клонировать его .

81
задан Fred 8 October 2008 в 18:30
поделиться

8 ответов

Я иду для пояса и подхода фигурных скобок сюда.

я создаю 32x32 значок и в .ico и в .png форматы, названные favicon.ico и favicon.png. Имя значка действительно не имеет значения, если Вы не имеете дело с более старыми браузерами.

  1. Место favicon.ico на Вашем сайте базируются для поддержки более старых браузеров (дополнительный и только важный для более старых браузеров.
  2. Место favicon.png в моем подкаталоге изображений (только для хранения вещей опрятными).
  3. Добавляют следующий HTML в <head> элемент.
<link rel="icon" href="/images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="/favicon.ico" />

Обратите внимание на то, что:

  • тип MIME для .ico файлы был зарегистрирован как image/vnd.microsoft.icon IANA.
  • Internet Explorer проигнорирует эти type атрибут для отношений ярлыка, и это - единственный браузер для поддержки этих отношений, это не должно быть предоставлено.

Ссылка

105
ответ дан hwnd 5 November 2019 в 17:23
поделиться

Я использую формат .ico и помещаю следующие две строки в <head> элемент:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
10
ответ дан John Topley 5 November 2019 в 17:23
поделиться
5
ответ дан Paul Tomblin 5 November 2019 в 17:23
поделиться

Favicon должен быть .ico файл для работы правильно над всеми браузерами.

современные браузеры также поддерживают изображения GIF и PNG.

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

3
ответ дан Antti Kissaniemi 5 November 2019 в 17:23
поделиться

Существует также сайт, где можно проверить, как favicon любой страницы сделан

getfavicon.org

Там, Вы видите учебное руководство о создании favicons, типах изображения и разрешениях, это хорошо!

3
ответ дан 5 November 2019 в 17:23
поделиться

IE6 не может обработать PNGs правильно, быть предупрежден.

4
ответ дан Andreas Rejbrand 5 November 2019 в 17:23
поделиться

Наличие favicon.* в Вашем корневом каталоге автоматически обнаруживается большинством браузеров. Можно удостовериться, что это обнаруживается при помощи:

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

Лично я использую изображения .png, но большинство форматов должно работать.

2
ответ дан Ross 5 November 2019 в 17:23
поделиться

Ответ на этот вопрос стал , усложнил достаточно , что лучший способ состоит в том, чтобы просто использовать инструмент как RealFaviconGenerator, который позволяет Вам загрузить png/jpg и затем генерирует favicons и код для покрытия всех платформ для Вас: https://realfavicongenerator.net /

0
ответ дан 24 November 2019 в 09:39
поделиться
Другие вопросы по тегам:

Похожие вопросы: