Нет Favicon в Internet Explorer 9 с использованием TYPO3
Я добавил иконку фаворита на этот URL: http://metzgerei-birkenhof.de/
На Firefox это показывают, но не на Internet Explorer (9)
Вот мои настройки, которые я сделал в TYPO3: http://www.uploadscreenshot.com/image/1248589/7751025
Я попробовал несколько "типа" в тегах ссылки. Даже без значения type это не сработает.
Есть идеи?
С уважением, Макс
4 ответа
Я понял! Internet Explorer не понравилось то, что я сделал. Я просто переименовал favicon.png в favicon.ico.
Он сделал новый экспорт в формат.ico, и это сработало.
Я боролся с этой проблемой favicon в течение нескольких дней - она появилась во всех браузерах, но не в ie9!
Я подозревал, что формат файла определенно в заголовке определения и структуре для favicon.ico, так как это было единственное, что осталось проверить, следуя нескольким учебникам и методам без успеха!
Кажется, я был прав - окна 9 + ie9 ожидают, что иконка будет построена как 4 иконки, все содержащиеся в одном файле.
Шаг за шагом:
1) Я создал 24-битную цветную графику 64x64 пикселей и сохранил ее в виде файла png
2) Я импортировал этот файл в бесплатную библиотеку под названием X-icon Editor. Получите его здесь http://www.xiconeditor.com/
3) Как только я предварительно просмотрел результат (будет четыре изображения 64x64, 32x32, 24x24 и 16x6 (все в пикселях) и был доволен результатом:
4) Я экспортировал результат и отметил советы, прежде чем делать экспорт…
5) Затем я использовал функцию сохранения как файла и направил файл в корень файлов моего сайта (где находится файл index.html). Сохраненный файл был favicon.ico.
6) Если вы хотите просмотреть файлы, перейдите в каталог сайта на жестком диске и дважды щелкните файл favicon.ico, и Windows Photo Viewer покажет вам 4 страницы, каждая из которых представляет размер значка.
7) Измените ваш код следующим образом (подробности см. В шаге 4): под тегом head вставьте этот тег: link rel = "ярлык" href = "favicon.ico" /
8) Загрузите изменения на свой сервер.
9) Очистить файлы кеша ie9
10) Подождите около 20 минут (может занять больше времени)
11) Войдите на свой сайт, и вы должны увидеть значок
Так какие же другие значки встроены в один файл favicon.ico?
64x64 - это большие значки, используемые окнами (если вы создадите ярлык на рабочем столе с большими значками, иконка будет отображать вашу графику в 64x64 пикселях),
32x32 такой же, как и выше, но для настольного набора для средних значков рабочего стола
24x24, как и выше, но для настольного набора для маленьких иконок на рабочем столе
16x16 - это значок, используемый на вашей веб-странице. Это также значок, используемый в области пинто в нижней панели рабочего стола (панель задач) - переместите ярлык с рабочего стола на панель задач, и вы увидите его изменение размера
Все сделано - это работает, будьте терпеливы, чтобы это появилось!
PS (для опытных пользователей) вы можете иметь более одного файла "Favicon", но вам нужно будет переименовать их все, затем под заголовком тега указать каждый из файлов значков для различных страниц - но вам разрешен только один (или нет для нескольких файлов) favicon.ico файлы.... становится немного волосатым, если вы новичок, но пойти на это
Попробуйте поставить его перед тегом заголовка
Я также нашел на других сайтах (в моей стране) этот синтаксис:
<meta name="msapplication-task" content="name=Blog; action-uri=/Blog.html; icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=Programy; action-uri=/Kategorie,Windows.html; icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=Lab; action-uri=/Lab.html; icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=Forum; action-uri=http://forum.dobreprogramy.pl; icon-uri=/favicon.ico" />
Самый простой способ - это разместить favicon.ico файл в корневой папке, то вам не нужно указывать путь к favicon в вашем <head> раздел.