PNG в ICO

PNG в ICO, це безплатний інструмент для перетворення зображень PNG на файли ICO, які можна використовувати як фавікони та значки Windows.

Як перетворити PNG на ICO?

Вибери файл PNG, запусти перетворення, а потім збережи отриманий файл ICO.

1. Вибери зображення PNG, яке потрібно перетворити.
2. Запусти перетворення та збережи результат у форматі ICO.
3. Відкрий файл ICO або використай його як фавікон, щоб перевірити розмір, прозорість і вигляд у малому масштабі.

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

Що змінюється під час перетворення PNG на ICO?

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

• Прозорість PNG підтримує повну альфа-прозорість. ICO також може відтворювати плавну прозорість у 32-бітових зображеннях, тоді як у старіших даних значків може використовуватися простіша однобітова маска прозорості. Після перетворення перевір, чи немає в ICO артефактів прозорості навколо тонких контурів і тіней.
• Анімація PNG може містити анімацію, але ICO не має стандартного анімованого відповідника. Тому анімовані кадри не можна зберегти у звичайному значку ICO.
• Стиснення PNG використовує стиснення DEFLATE без втрат. ICO є контейнером і залежно від способу створення може містити зображення, стиснені як PNG, або старіші дані зображень у стилі BMP.
• Призначення PNG, це універсальний формат зображень, який підтримують вебсайти, документи та застосунки. ICO переважно використовують для фавіконів сайтів і значків у Microsoft Windows.
• Кілька розмірів Один файл ICO може містити кілька версій значка, наприклад 16 × 16, 32 × 32 і 48 × 48 пікселів. Саме перетворення не підтверджує, які варіанти записано у файл. Якщо потрібен певний набір, перевір отриманий ICO.

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

Коли варто перетворювати PNG на ICO?

Перетворюй PNG на ICO, якщо вебсайт, застосунок Windows або застаріла інтеграція прямо вимагає файл .ico.

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

Перетворення менш доречне, якщо зображення потрібно показати на вебсторінці, в електронному листі або документі. У таких випадках PNG підтримується ширше, і його простіше редагувати. Не варто також очікувати, що перетворення виправить неякісне джерело. І PNG, і відповідні записи зображень ICO можуть не втрачати якість, але перетворення раніше пошкодженого зображення не відновить уже втрачені деталі.

Якого розміру буде файл ICO?

Файл ICO може бути більшим або меншим за вихідний PNG, хоча ICO з кількома роздільностями часто займає більше місця, ніж одне зображення PNG.

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

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

Як підготувати PNG для фавікона

Почни з квадратного зображення простої форми, залишивши достатньо вільного простору навколо головного елемента. Деталізований логотип розміром 512 × 512 може бути чітким в оригіналі, але після зменшення до значка на вкладці браузера перетворитися на нерозбірливу пляму.

• Використовуй квадратне полотно, а не широкий банер чи текстовий логотип.
• Прибери дрібні написи, які неможливо прочитати в розмірі фавікона.
• Залиш однакові прозорі відступи з усіх боків, щоб значок не здавався зміщеним від центру.
• Перевір світле зображення і у світлій, і в темній темі браузера.
• Не перетворюй вихідне зображення 16 × 16 на більші варіанти значка. Збільшені записи ICO, створені з PNG розміром 16 × 16, не матимуть додаткової деталізації.

Наприклад, практичним джерелом для favicon.ico буде прозорий PNG розміром 512 × 512 з одним чітким символом. Банер компанії розміром 1 200 × 400 для цього не підходить. Перетворення такого PNG-банера на ICO не змінить його дизайн, не обріже та не спростить зображення.

Поширені запитання

Чи можна просто перейменувати файл із .png на .ico?

Ні. Зміна розширення не змінює внутрішні дані PNG, тому програма, яка очікує справжній контейнер ICO, може відхилити такий файл. Дані зображення потрібно перетворити й записати у форматі ICO.

Чи може один файл ICO містити значки кількох розмірів?

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

Чому навколо значка з'явилася біла або темна облямівка?

Облямівка може виникнути через напівпрозорі крайні пікселі, підготовлені для певного кольору тла, або через обробку альфа-каналу чи маски прозорості під час перетворення або відтворення. Переглянь вихідний PNG на білому й чорному тлі та перед перетворенням видали небажаний матовий колір.

Чи варто використовувати ICO в macOS?

ICO не є звичним форматом для значків нативних застосунків macOS. Для них зазвичай використовують ICNS або каталоги ресурсів. Водночас файл ICO може знадобитися в macOS як фавікон вебсайту або частина кросплатформного проєкту, який прямо вимагає ICO.

Якщо вихідне зображення анімоване, чи краще вибрати GIF?

ICO не підтримує стандартні кадри анімованих значків. Для простої анімованої вебграфіки більше підійде PNG у GIF, хоча GIF обмежений 256 кольорами на кадр і не замінює звичайний фавікон.

Остаточна перевірка

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