Фавикон не отображается, моя иконка не годится

Question

Я могу использовать значки избранного, если копирую их с другого сайта и проверяю. Но мой собственный не работает в IE8 / Chrome. Mine - это 24-битная иконка размером 32x32, созданная Visual Studio. Кажется, у меня всегда возникают проблемы с правильной работой значков. Что мне использовать? Я думал, что могу иметь изображения размером до 64x64 ...

Answer 1

См. этот сайт для инструкций по созданию favicon.ico - он должен быть 16 * 16, а не 32 * 32 (хотя вы можете иметь составной .ico с обоими размерами).

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

Answer 2

Во-первых, просто, чтобы быть в безопасности, конвертируйте ваш оригинальный значок в .ico, используя этот конвертер .

Затем для кросс-браузерной совместимости (в частности, Internet Explorer) используйте:

<link rel="shortcut icon" href="http://www.yoursite.com/youricon.ico" />

Большинство браузеров достаточно умны, чтобы использовать любой PNG / ICO с именем favicon.ico, расположенный в корне вашего сайта, но это не всегда надежно.

Answer 3

Вам необходимо использовать файл 16x16 .ico. Файлы 32x32 .ico и .png, .jpg не всегда работают в заголовках браузера. В настоящее время вы можете обнаружить, что некоторые браузеры поддерживают это, но не каждый браузер делает это, поэтому старайтесь придерживаться 16x16 файлов .ico.

Answer 4

Страница википедии на favicon содержит много информации.

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

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