Як зробити фавікон (favicon) іконку для сайту

Кожен вебмайстер після створення свого блогу бажає, щоб його сайт був красивим та впізнаваним користувачами. Окрім стильного та оригінального дизайну, впізнаваність вашому сайту може надати фавікон.

Що таке favicon?

Фавікон - це мініатюрна іконка, яка відображається у лівому верхньому куті вашого сайту. Ось як він виглядає на моєму блозі. Крім того, вона відображатиметься біля вашого сайту в результатах пошукової видачі.

Фавікон надасть вашому сайту оригінальності та допоможе користувачам відразу його знаходити в результатах пошуку. Більшість людей рідко звертають увагу на назву сайту, але іконку вони дуже добре запам'ятовують. Тому - це додатковий приплив трафіку.

Головне, щоб вона тематично підходила до вашого ресурсу і, по можливості, відрізнялася від інших подібних сайтів.

Які переваги дає наявність фавікону?

Крім того, це буде вигідно підкреслювати дизайн вашого сайту та додасть йому завершеності. При бажанні та володінні гарною фантазією ви можете власноруч створити іконку, яка буде оригінальною і не такою, як у всіх.

Завантажити фавікон можна також на сайті www.favicon.cc. Перейдіть на сайт. Перегляньте запропонований ТОП фавіконів. Картинка може бути як анімованою, так і звичайною. Якщо знайшли щось до душі, скачайте до себе на комп'ютер. Після чого перенесіть картинку на корінь свого сайту.

На цьому сайті, окрім можливості завантажити, є можливість зробити її самому. Для цього вам знадобиться наявність творчих здібностей та бажання. Але все можливе. В принципі, ви можете використовувати будь-яку картинку, зменшену до розміру 16×16 або 32×32 пікселів. Головне, щоб якість зображення не постраждала. Після чого її потрібно зберегти вформат PNG або ISO.

Практично всі браузери відображають зображення у цьому форматі. Єдиним, хто не підтримує формат PNG, є Internet Explorer, а точніше старі його версії. Зараз звичайно рідко хто з користувачів використовує цей браузер, так як за функціоналом і швидкодією він набагато гірший за своїх побратимів.

Але якщо на ваш блог заходять із Internet Explorer, то збережіть зображення у форматі ICO. Зробити це можна на цьому сайті. Так само є ще один чудовий сервіс, що дозволяє намалювати свою унікальну іконку, переходимо сюди — www.michurin.net. http://favicon.ru/ru.

Додаткові On-line сервіси та генератори:

Спеціально для Вас я відібрав найкращі колекції та генератори фавіконів — малюйте чи скачайте готові, вибір за вами:

Встановлення на сайт:

Щоб встановити іконку фавікон необхідно залити її на хостинг у директорію сайту та прописати наступний мета-тег у head:

Наприклад подивіться як прописаний цей тег у мене: Весь процес установки досить простий, я думаю, у Вас все вийде

ТОП-3 Плагіна фавікон для WordPress:

Ці плагіни суттєво спростить роботу тим власникам інтернет-ресурсів, які не знають, як додати файл до директорії сайту. Також завдяки цьому модулю іконка вашого блогу буде яскравою та чіткою.

  1. Heroic Favicon Generator
  2. All In One Favicon
  3. Custom Favicon