Розбираємось як працює Статті та урокистворення сайту на WordPress
Розбираємось як працює Favicon.ico
Впершеfaviconз'явився в 1999 році в браузері Internet Explorer 5 і відтоді змінилося небагато. Це майже завжди файл ICO, розташований в корені сайту /favicon.ico, або як це буває в CMS розміщений в папці теми або зображень:
Атрибут favicon'а це продукт еволюції. У IE5 потрібно було обов'язково вказувати shortcut icon для встановлення відповідності між сторінкою та її іконкою, але потім специфікації HTML визначили, що атрибути вказані через пропуск є 2 атрибутами - shortcut та icon. Потім у 2010 специфікації HTML5 визначили, що необхідно декларувати тільки ідентифікатор icon . Вийшло, що тепер, у всіх браузерах, крім IE, можна не вказувати shortcut.
Атрибутtype для favicon'а так само важливий як і для тега
Чи не подобається таке рішення? Не все втрачено. Більшість користувачів IE10 за сумісництвом користувачі Windows 8, а W8 приніс нам новий тип іконок для сайтів -плитки.
IE10 Metro може відображати унікальну плитку, якщо користувач додав Ваш сайт на стартовий екран. Плиткова іконка це файл PNG розміром 144×144, і найкраще якщо з прозорим фоном. Фоновий колір може бути заданий за допомогою шістнадцяткового RGB кольору (#RRGGBB), ім'ям CSS кольору, або rgb() функцією. Розмітка досить проста.
Отже, зберемо всі разом, врахуємо особливості IE10 і отримаємо підсумкове рішення.
Ось і все сьогодні!
Якщо Ви хочете дізнатися більше про створення favicon'у, то я раджу почитати Джона Хікса — Create the perfect favicon