Шпаргалка по фавікона

Що таке фавікон FAVorite ICON - (з англ.) Улюблена ікона, значок для обраного. Фавікон - це іконка...
Створення, пошук і конвертація фавікона
Установка фавікона на сайт
Фавікон не відображається / оновлюється
Інше місце розташування фавікона
Інший формат фавікона

Що таке фавікон
Наша взаимовыгодная связь https://banwar.org/
FAVorite ICON - (з англ.) Улюблена ікона, значок для обраного.
Фавікон - це іконка сайту, яка відображається на вкладці браузера разом з назвою сторінки, а також в результатах пошуку Яндекс, в Google - немає:
Область використання фавікона не обмежується браузерами і пошуковими системами (не тільки Яндекс). У загальному сенсі він грає роль графічного ідентифікатора проекту / ресурсу.

характеристики фавікона

Фавікон традиційно розташовується в корені сайту і має: ім'я - favicon; формат -; розмір - 16 × 16 px.

«Традиційно» - не означає обов'язково (див. Нижче); але за традицією, в більшості випадків, робиться саме так.

Створення, пошук і конвертація фавікона

Програми, що працюють з форматом: GIMP .

Онлайн сервіси: XIconEditor.Com (Створення і конвертація), FindIcons.Com (Пошук і конвертація ).

Установка фавікона на сайт

Для установки готового (має відповідні ім'я і формат ) Фавікона на сайт, потрібно просто завантажити його в корінь проекту, а потім кілька разів оновити сторінку в браузері.

Загальний адресу фавікона більшості ресурсів виглядає так: протокол: //домен/favicon.ico ( http://w3.org/favicon.ico )

Фавікон не відображається / оновлюється

Якщо після установки фавікона на сайт він не з'явився / оновився, значить потрібно очистити кеш поточної сторінки. Це робиться за допомогою комбінації клавіш Ctrl + F5. Дана комбінація оновлює сторінку разом з кешуватися даними. Працює вона у всіх популярних браузерах.
Якщо очищення кеша не допомогла, значить потрібно переконатися в правильності розташування фавікона, відкривши його через адресний рядок браузера: протокол: //домен/favicon.ico Якщо фавікон відкрився, але попередній, значить потрібно оновити саме зображення, відкрите в браузері, за допомогою все тієї ж комбінації клавіш Ctrl + F5. Якщо ж фавікон не дався або оновлення зображення не допомогло, значить іконка знаходиться не в корені проекту, а десь в іншому місці; тому її потрібно перемістити або закачати заново куди слід .
Якщо виконання описаних вище дій не призвело до очікуваних результатів, то залишається тільки очистити кеш браузера «вручну» і фавікон точно повинен з'явитися / оновитися, так як інакше щось зроблено не так, як зазначено вище.

Інше місце розташування фавікона

Фавікон може розташовуватися не тільки в корені сайту, але і в будь-який інший папці, і навіть на іншому ресурсі. В цьому випадку в HTML-код сторінки, між <head> і </ head>, потрібно додати наступний рядок:

<Link rel = "icon" type = "image / x-icon" href = "шлях + до + фавікона"> rel = "icon" атрибут, який визначає відносини між поточним документом і файлом, на який робиться посилання (це потрібно для того, щоб браузер і пошуковий робот правильно використовували останній); в даному випадку його значення означає, що посилання вказує на іконку сайту. type = "image / x-icon" MIME-тип - зображення у форматі. href = "шлях + до + фавікона" абсолютна або відносна посилання на файл з фавікона.

Інший формат фавікона

Замість формату можна використовувати фавікон формату або. В цьому випадку, в коді вище , Потрібно змінити значення атрибута type (MIME-тип) на image / gif або image / png відповідно:

Використовувати в якості фавікона можна будь-які формати зображень, підтримувані браузерами.

Для фавікона з ім'ям favicon в форматі, який знаходиться в корені сайту, вказувати його місце розташування і його тип необов'язково - елемент <link>, в цьому випадку, зовсім не потрібен.

На деяких сайтах (наприклад, WHATWG.Org ) Атрибут type не використовується взагалі, так як сучасні браузери самі можуть визначати формат зображень.

01.04.2014