2015-09-15 4 views
0

Я рассмотрел довольно простые реализации того, как реализовать значок.favicon не загружает простую реализацию

Следующий код на целевой странице моего сайта:

<!-- Icon --> 
<link rel="icon" type="image/jpg" href="Pictures/logo.jpg"> 

странно значок не загружается, я должен загрузить определенную библиотеку? Я знаю, что изображение не обязательно нужно сжимать в 16х16-образное изображение. Спасибо за помощь!

+0

Вы уверены, что ваша папка называется 'Picture' (с капиталом' P')? Вы работаете в Linux/Unix? – D4V1D

+1

Вы проверили вывод консоли браузера, чтобы убедиться, что он хотя бы пытается загрузить изображение? –

ответ

1

Использование jpg файлов не рекомендуется для favicons (кстати, IE его не поддерживает). Рекомендуется использовать форматы ico и png, которые поддерживаются всеми браузерами.

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

Однако очень сложно создать файлы favicon, которые будут хорошо смотрятся во всех браузерах (включая смартфоны и планшеты). Проверьте this article для получения более подробной информации, и он содержит очень хороший генератор.

+0

Единственная проблема, с которой я сейчас сталкиваюсь, - это значок рядом с URL-адресом, странно, что значок только загружается для вкладки браузера, но не рядом с URL-адресом. – Max

+0

Используете ли вы Chrome? Chrome не поддерживает 'favicon' в адресной строке. Проверьте это [Статья в Википедии] (https://en.wikipedia.org/wiki/Favicon), чтобы узнать, как «favicon» поддерживается в разных браузерах. –

Смежные вопросы