Створюємо іконку в форматі ICO онлайн

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

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

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

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

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

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

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

1. Щоб створити ICO-іконку в X-Icon Editor з уже наявною на вашому комп'ютері картинки, перейдіть за посиланням вище і скористайтеся кнопкою "Import".
   
2. У спливаючому вікні клацніть «Upload» і виберіть потрібне зображення в Провіднику.
   
   Визначтеся з розмірами майбутньої іконки і натисніть «Ok».
3. Одержаний значок за бажанням ви можете змінити за допомогою інструментів вбудованого редактора. Причому працювати дозволяється зі всіма доступними розмірами іконки в індивідуальному порядку.
   
   У цьому ж редакторі ви можете створити картинку з нуля.

   Щоб попередньо поглянути на результат, натисніть на кнопку «Preview», а для переходу до скачування готової іконки натисніть «Export».

4. Далі просто клікніть по напису «Export your icon» у спливаючому вікні і файл з відповідним розширенням буде збережений в пам'яті вашого комп'ютера.
   

Так, якщо потрібно створити цілий набір однотипних іконок різного розміру - нічого кращого, ніж X-Icon Editor для цих цілей вам не знайти.

Спосіб 2: Favicon.ru

При необхідності згенерувати значок favicon з дозволом 16 × 16 для веб-сайту, відмінним інструментом також може служити російськомовний онлайн-сервіс Favicon.ru. Як і у випадку з попереднім рішенням, тут ви можете як самостійно намалювати іконку, розфарбовуючи кожен піксель окремо, так і створити favicon з готової картинки.

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

1. На головній сторінці ICO-генератора відразу доступні всі потрібні інструменти: зверху - форма для завантаження готової картинки під іконку, нижче - область редактора.
   
2. Щоб згенерувати іконку на основі наявної картинки, натисніть на кнопку «Виберіть файл» під заголовком «Зробити favicon з зображення».
   
3. Після завантаження зображення на сайт ображати його, якщо потрібно, і натисніть «Далі».
   
4. При бажанні відредагуйте вийшла іконку в області з заголовком «Намалювати іконку».
   
   За допомогою цього ж полотна ви можете намалювати ICO-картинку самостійно, розфарбовуючи на ній окремі пікселі.
5. Результат своєї роботи вам пропонується спостерігати в області «Предпросмотр». Тут у міру редагування картинки фіксується кожна зміна, зроблене на полотні.
   
   Щоб підготувати іконку до завантаження на комп'ютер, натисніть «Завантажити Favicon».
6. Тепер в сторінці, залишається лише клацнути по кнопці «Завантажити».
   

Як результат, на вашому ПК зберігається файл з розширенням ICO, що представляє собою картинку розміром 16 × 16 пікселів. Сервіс відмінно підійде для тих, кому потрібно всього лише конвертувати зображення в маленьку іконку. Втім, і проявляти фантазію в Favicon.ru зовсім забороняється.

Спосіб 3: Favicon.cc

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

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

1. Як і на описаних вище сайтах, роботу з Favicon.cc вам пропонується почати прямо з головної сторінки.
   
   Якщо ви бажаєте створити іконку з нуля, можете скористатися полотном, котрий обіймав центральну частину інтерфейсу, і інструментарієм в правій колонці.

   Ну а для конвертації вже наявної картинки натисніть на кнопку «Import Image» в меню зліва.

2. За допомогою кнопки «Виберіть файл» відзначте потрібне зображення у вікні Провідника і вкажіть, чи потрібно зберегти пропорції завантажується картинки ( «Keep dimensions») або ж підігнати їх під квадрат ( «Shrink to square icon»).
   
   Потім клацніть «Upload».
3. При потребі відредагуйте іконку в редакторі і, якщо все влаштовує, перейдіть до розділу «Preview».


Тут ви можете побачити, як буде виглядати готовий favicon в браузерної рядку або списку вкладок. Все влаштовує? Тоді скачайте іконку одним натисканням на кнопку «Download Favicon».

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

Спосіб 4: Favicon.by

Ще один варіант генератора значків favicon для сайтів. Є можливість створення іконки з нуля або на основі конкретного зображення. З відмінностей можна виділити функцію імпорту картинок зі сторонніх веб-ресурсів і досить стильний, лаконічний інтерфейс.

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

1. Здійснивши перехід за посиланням вище, ви побачите вже знайомий набір інструментів, полотно для малювання та форми імпорту картинок.
   
   Так, завантажте готове зображення на сайт або ж намалюйте favicon самостійно.
2. Ознайомтеся з наочним результатом роботи сервісу в розділі «Ваш результат» і натисніть на кнопку «Завантажити фавіконки».


Виконавши ці дії, ви збережете готовий ICO-файл в пам'ять свого комп'ютера.

В цілому відмінностей в роботі з уже розглянутими в цій статті сервісами немає, проте з конвертацією зображень в ICO ресурс Favicon.by справляється значно краще, і це цілком легко помітити.

Спосіб 5: Online-Convert

Цілком ймовірно, що вам вже відомий цей сайт як практично всеїдний онлайн-конвертер файлів. Але не всім відомо, що це один з кращих інструментів для перетворення будь-яких зображень в ICO. На виході ви можете отримувати іконки з роздільною здатністю аж до 256 × 256 пікселів.

Онлайн-сервіс Online-Convert

1. Щоб приступити до створення іконки з допомогою цього ресурсу, спочатку імпортуйте потрібне вам зображення на сайт за допомогою кнопки «Виберіть файл».
   
   Або ж завантажте картинку за посиланням або з хмарного сховища.
2. Якщо вам потрібно ICO-файл з конкретним дозволом, наприклад, 16 × 16 для favicon, в поле «Змінити розмір» розділу «Додаткові настройки» введіть ширину і висоту майбутньої іконки.
   
   Потім просто натисніть на кнопку «Перетворити файл».
3. Через кілька секунд ви отримаєте повідомлення виду «Ваш файл був успішно перетворений», а картинка автоматично буде збережена в пам'яті вашого комп'ютера.
   

Як бачите, створити іконку ICO за допомогою сайту Online-Convert зовсім нескладно, і робиться це буквально за пару кліків миші.

Читайте також:
Конвертуємо зображення PNG в ICO
Як конвертувати JPG в ICO

Що ж стосується того, який сервіс використовувати саме вам, тут є лише один нюанс, і полягає він у тому, для чого ви маєте намір використовувати згенеровані іконки. Так, якщо потрібен favicon-значок, підійде абсолютно будь-який з наведених вище інструментів. А ось для інших цілей, наприклад, при розробці ПЗ, можуть застосовуватися картинки ICO абсолютно інших розмірів, тому в таких випадках краще використовувати універсальні рішення на кшталт X-Icon Editor або Online-Convert.

• ← Видалення вокалу з пісні онлайн
• Створення мема онлайн →