Зараз персональний значок сайту - Favicon - це якась візитна картка будь-якого веб-ресурсу. Така іконка виділяє потрібний портал не тільки в списку вкладок браузера, а й, наприклад, в пошуковій видачі Яндекса. Ніяких же інших функцій, крім підвищення впізнаваності сайту, фавікона, як правило, не виконує.

Створити значок для власного ресурсу досить просто: ви знаходите відповідну картинку або малюєте її самостійно, використовуючи графічний редактор, а потім стискаєте зображення до потрібного розміру - зазвичай, 16 × 16 пікселів. Отриманий результат зберігаєте в файл favicon.ico і ставите в кореневу папку сайту. Але і цю процедуру можна значно спростити за допомогою одного з Favicon-генераторів, доступних в мережі.

Як створити фавікон онлайн

Веб-редактори іконок в більшості своїй пропонують всі необхідні інструменти для створення значків Favicon. При цьому необов'язково малювати картинку з нуля - можна скористатися вже готовим зображенням.

Спосіб 1: Favicon.by

Російськомовний онлайн-генератор фавіконок: простий і наочний. Дозволяє намалювати значок самостійно, користуючись вбудованим полотном 16 × 16 і мінімальним переліком інструментів, таких як олівець, ластик, піпетка і заливка. Є палітра з усіма RGB-квітами і підтримкою прозорості.

При бажанні ви можете завантажити в генератор готове зображення - з комп'ютера або стороннього веб-ресурсу. Імпортована картинка також буде поміщена на полотно і стане доступною для редагування.

Онлайн-сервіс Favicon.by

  1. Всі функції, необхідні для створення фавіконки, знаходяться на головній сторінці сайту. Зліва розташований полотно і інструменти для малювання, а праворуч - форми для імпорту файлів. Щоб завантажити картинку з комп'ютера, натисніть на кнопку «Виберіть файл» і відкрийте потрібне зображення у вікні Провідника.
    Завантаження картинки в онлайн-сервіс Favicon.by
  2. Якщо необхідно, виділіть на зображенні бажану область, після чого натисніть «Завантажити».
    Обрізка картинки для редагування в Favicon.by
  3. У розділі «Ваш результат», прямо під час роботи із зображенням, можна спостерігати, як буде виглядати підсумкова іконка в адресному рядку браузера. Тут же розміщена кнопка «Завантажити фавіконки» для збереження готового значка в пам'ять комп'ютера.
    Завантаження готової фавіконки з онлайн-сервісу Favicon.by

На виході ви отримуєте графічний ICO-файл з назвою favicon і дозволом 16 × 16 пікселів. Цей значок вже готовий для використання в якості іконки вашого сайту.

Спосіб 2: X-Icon Editor

Браузерні HTML5-додаток, що дозволяє створювати деталізовані значки розміром аж до 64 × 64 пікселів. На відміну від попереднього сервісу, X-Icon Editor має більше інструментів для малювання і кожен з них може бути гнучко настроєний.

Як і в Favicon.by, тут ви можете завантажити готову картинку на сайт і конвертувати її в фавіконки, при необхідності належним чином відредагувавши.

Онлайн-сервіс X-Icon Editor

  1. Щоб імпортувати зображення, скористайтеся кнопкою "Import" у панелі меню праворуч.
    Імпорт зображення в онлайн-сервіс X-Icon Editor
  2. Завантажте картинку з комп'ютера, натиснувши «Upload», після чого у спливаючому вікні виділіть потрібну область зображення, виберіть один або кілька розмірів майбутньої фавіконки і клацніть «Ок».
    Підготовка картинки перед конвертацією в Favicon.ico за допомогою сервісу X-Icon Editor
  3. Для переходу до скачування результату роботи в сервісі скористайтеся кнопкою «Export» - останній пункт меню праворуч.
    Перехід до скачування готової фавіконки з онлайн-сервісу X-Icon Editor
  4. Натисніть «Export your icon» у спливаючому вікні і готовий favicon.ico буде завантажений в пам'ять вашого комп'ютера.
    Завантаження фавіконки з онлайн-сервісу X-Icon Editor

Якщо ви хочете зберегти деталі зображення, яке мають намір перетворити на фавіконки, X-Icon Editor відмінно для цього підійде. Саме можливість генерації значків з дозволом 64 × 64 пікселів і є головною перевагою цього сервісу.

Читайте також: Створюємо іконку в форматі ICO онлайн

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