Фавиконы (favicon) для Blogger - проблемы и решения

Классический способ установки favicon на сайте подразумевает размещение картинки размером 16х16 (или 32х32, 64х64) формата ".ico" в корневой папке сайта, с последующей вставкой внутрь тега "head" кода вида:

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

UPD: теперь все проще, на вкладке "дизайн", выбрать панель "значок" - "изменить" и загружайте фавикон. Текст ниже можно не читать, он не актуален. Оставлю для истории о том, как нужно было изголяться для установки favicon.

В этом случае нужно решить по сути одну проблему - слепить фавикон и назвать его "favicon.ico".

Фавиконку сделать совсем не сложно, мне проще всего набросать в фотошопе, сохранить в ".gif", а потом конвертировать в ".ico" с помощью сервиса favicon.ru или iconj.com

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

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

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

Я не берусь говорить что тому виной - мои кривые руки или совместимость браузеров (раньше-то я помню все работало), но я остановился на альтернативном варианте установки favicon.

Альтернатива заключается в том чтобы использовать не ".ico" формат, а ".gif" или".png". Все современные браузеры поддерживают фавиконки таких форматов, единственное, следует указать формат иконки в коде. Т.е., вместо предложенного мною в предыдущем посте:

<link rel="shortcut icon" href="адрес вашей фавиконки"/>

Лучше использовать код вида (ставится внуть тега head, можно поставить сразу перед /head):

<link href="адрес вашей фавиконки" rel="icon" type="image/gif"/>

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

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

Копипаст: http://www.naumov.ws/2010/03/favicon-blogger.html

Понравилось? =) Поделись с друзьями:

Обсудить