ЯК поміняти favicon :: як поміняти favicon на свій

Іконка сайту, або favicon, - важлива деталь, яка здатна виділити ваш сайт в результатах видачі розвідувачів, та й просто додати сайту індивідуальність. Браузер відображає favicon в адресному рядку безпосередньо перед адресою сторінки.

Інструкція

Виберіть картинку для майбутньої піктограми. В ідеалі вона повинна бути максимально схематичною, з мінімумом деталей (не забудьте про крихітному розмірі іконки). У будь-якому графічному редакторі ображати і зменшіть файл з картинкою до розмірів 16 на 16 або 32 на 32 пікселя.

Відкрийте один з онлайн-генераторів favicon - наприклад, favicon.ru або favicon.cc. Завантажте в нього свою картинку і скачайте готову іконку. Можна також завантажити на свій комп'ютер програму-генератор - наприклад, Icon Magic, Icon Craft, «Студія іконок» і тому подібні програми. Зверніть увагу, що новостворений файл повинен називатися саме favicon.ico - без будь-яких доповнень, цифр і так далі.

Зайдіть в панель управління свого сайту. Перейдіть в кореневий каталог сайту. На сайтах ucoz шлях буде виглядати так: вкладка Загальне / Головна сторінка / Файловий менеджер. На сайтах «Вордпресс» потрібна папка називається public_html. Для "Joomla!" CMS-каталог за замовчуванням - папка images. На якій би платформі ні розташовувався ваш сайт, кореневим каталогом для нього є той, в якому зберігаються файли favicon.ico і robots.txt.

Замініть файл favicon.ico в кореневому каталозі на новий створений вами. Для цього видаліть старий файл і завантажте новий. У деяких файлових менеджерах файл з такою ж назвою автоматично замінює старий. Перевірте зміну іконки, відкривши свій сайт в новій вкладці.

Після заміни файлу браузери будуть відображати нову іконку. Однак якщо для вас важливо відображення іконки у видачі розвідувачів, можна перестрахуватися. Для цього вкажіть спеціальному роботу «Яндекса» шлях до новоствореного файлу favicon. В html-коді сторінок свого сайту необхідно прописати наступний код (без пробілів) < link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" > або < link rel="icon" href="/favicon.ico" type="image/x-icon" >. Даний код прописується між тегами < head > і < /head >.

Якщо після заміни файлу favicon.ico браузер як і раніше відображає стару іконку (зазвичай це предустановленная іконка платформи), спробуйте почистити кеш браузера. Або просто відкрийте сайт через інший браузер.