Конвертувати PNG в ICO
Перетворіть квадратний PNG на файл .ico, що містить одразу кілька розмірів іконки: від 16 px для вкладки браузера до 256 px для Windows. Прозорі кути й краї залишаються прозорими.
Конвертер зображень
або перетягніть Файли JPG, JPEG, JPE … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
85 зберігає фото візуально ідентичними оригіналу. Зменшуйте лише тоді, коли потрібен менший файл.
JPG, BMP і EPS не підтримують прозорість. Прозорі пікселі заповнюються цим кольором.
Hex-колір для заливки під прозорими пікселями, наприклад #FFFFFF.
Цей формат містить одне зображення. Оберіть вихідний формат GIF або WebP, якщо хочете зберегти анімацію.
Багаторозмірна іконка містить кілька роздільностей в одному файлі; браузери та операційні системи обирають потрібну.
Залиште початкові розміри або введіть одну сторону — пропорції збережуться.
Пікселі для сторони, обраної вище.
Відсоток від початкових розмірів.
sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.
Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.
Як користуватися цим інструментом
- 1
Виберіть квадратний PNG
Використовуйте зображення від 256 × 256 px з прозорим тлом. До 20 PNG за раз, до 95 MB кожен.
- 2
Позначте розміри іконки
Параметр Розміри іконок за замовчуванням має значення Усі розміри (16–256), це найкращий вибір. Один розмір обирайте в Додаткові налаштування лише тоді, коли програма вимагає саме його.
- 3
Конвертуйте й використовуйте .ico
Натисніть Конвертувати в ICO, завантажте файл і помістіть його в корінь сайту або вкажіть його як значок ярлика Windows. Завантажені файли видаляються через 30 хвилин.
ICO — це невеликий контейнер із зображеннями іконки, а не одна картинка: один файл може містити версії 16, 32, 48 і 256 px, а система вибирає ту, що підходить.
Конвертувати PNG в ICO з кількома розмірами в одному файлі
Формат ICO з’явився у Windows 1.0 у 1985 році, коли іконки були крихітними растрами. Його особливість — каталог на початку файлу, що перелічує всі зображення всередині з їхньою шириною та висотою. Windows Vista (2007) дозволила зберігати ці зображення як PNG, завдяки чому іконка 256 × 256 з плавною прозорістю вміщується у файл, який завантажується миттєво.
Конвертація PNG тут створює такий контейнер за вас. Джерело масштабується до кожного розміру, альфа-канал зберігається, тож закруглені кути й м’які тіні добре виглядають на темному та світлому тлі, а все записується в один .ico. Беріть зображення від 256 px; збільшення PNG 32 px до 256 дасть лише велику розмиту іконку.
16 × 16 px
Вкладка браузера
Вкладки й закладки зі стандартною щільністю пікселів
32 × 32 px
Вкладка на екрані з високою щільністю
Екрани Retina і масштабування Windows 200%
48 × 48 px
Результат пошуку Google
Google вимагає квадратну фавіконку з розміром, кратним 48 px
256 × 256 px
Дуже великі значки Windows
Найбільше зображення, яке може містити файл ICO
PNG
Portable Network Graphics
PNG — растровий формат без втрат, опублікований у 1996 році групою PNG Development Group і згодом стандартизований W3C та ISO. Він зберігає кожен піксель точно, підтримує повну альфа-прозорість і без артефактів передає текст, чіткі краї та суцільні кольори. Така точність робить його ідеальним для скриншотів, логотипів, іконок і графіки інтерфейсів. Недолік — розмір: фотографії у PNG часто в кілька разів більші за те саме фото у JPEG чи WebP. PNG відкривають усі браузери, операційні системи та редактори.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- 1996 · PNG Development Group
ICO
Піктограма Windows
ICO — формат піктограм Microsoft, який використовують для іконок програм Windows і фавіконів сайтів. Один файл .ico може містити кілька зображень різних розмірів, наприклад 16×16, 32×32, 48×48 і 256×256 пікселів, щоб система вибрала найкращий варіант. Кожне зображення може зберігатися як растр або дані PNG і підтримує повну альфа-прозорість. ICO не призначений для фото чи великих ілюстрацій. Його можуть читати браузери, Windows і більшість редакторів іконок.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- Microsoft
PNG — це одна картинка одного розміру, а Windows і браузерам потрібен .ico, що об’єднує кілька розмірів, щоб кожен екран міг вибрати найчіткіший; зворотний шлях з ICO у PNG — лише витягання зображення.
Фавікон чи іконка Windows: які розміри додати в ICO
Браузери малюють іконку вкладки розміром 16 px, а на екранах з високою щільністю — 32 px, і Google Пошук показує фавіконки на основі 48 px. Залиште Усі розміри, щоб один файл охоплював усі три.
- Збережіть як
favicon.icoу корені сайту - Окремо додайте PNG 180 × 180 для Apple touch icon
Windows використовує 16 px у заголовках вікон і до 256 px у режимі «Дуже великі значки» та на екранах з високою щільністю. Якщо в файлі немає 256 px, на таких розмірах іконка виглядає розмито.
- Залиште Усі розміри (16–256)
- Перевірте іконку на темній і на світлій панелі завдань
Деякі ігрові лаунчери, серверні панелі та старі програми читають лише перше зображення або вимагають фіксований розмір. Виберіть 256, 128, 64, 32 або 16 px у Розміри іконок, щоб записати ICO з одним зображенням.
- Дотримуйтеся розміру, указаного в документації програми
- Для фіксованої іконки 256 px дивіться PNG у ICO 256x256
Як підготувати зображення PNG, щоб воно читалося при 16 px
Ідея фавіконки з’явилася в Internet Explorer 5 у 1999 році: коли користувач додавав сайт до закладок, браузер шукав у корені файл favicon.ico. Інші браузери скопіювали цю поведінку, тому запит саме за цим шляхом досі трапляється в журналах серверів.
У 16 × 16 усього 256 пікселів, тому зображення має бути виразним. Приберіть слогани й тонкі контури, залиште сильний контраст і на світлій, і на темній темі браузера та лишіть піксель поля навколо фігури. Багато брендів використовують лише першу літеру чи символ. Якщо логотип є у векторі, конвертуйте його через SVG у ICO, щоб кожен розмір малювався з чітких контурів.
Запитання про конвертацію PNG в ICO
Як конвертувати PNG в ICO для фавікона сайту?
Конвертуйте з вибраним варіантом Усі розміри, перейменуйте результат на favicon.ico і завантажте його в кореневу папку сайту. Браузери самі запитують цей шлях, а ще на файл можна послатися тегом link rel="icon" у head сторінки.
Чому іконка розмита при 16 пікселях?
Деталізоване зображення не витримує зменшення до 16 × 16, де літера чи тонка лінія займає менше одного пікселя. Спростіть малі розміри: одна жирна літера або фігура на вкладці браузера читається краще, ніж повний логотип із текстом.
Що буде, якщо мій PNG не квадратний?
Іконки квадратні, тому широкий логотип програма або доповнить полями, або стисне. Спершу обріжте PNG до квадратного полотна або додайте поля, щоб самостійно вирішити, де буде порожній простір.
Чи можна за допомогою .ico змінити іконку папки в Windows?
Так. Клацніть папку правою кнопкою миші, відкрийте «Властивості» > «Налаштування» > «Змінити значок» і виберіть .ico. Ярлики на робочому столі працюють так само через «Властивості» > «Змінити значок».
Чи потрібен файл ICO, якщо на сайті вже є іконки PNG?
Сучасні браузери приймають іконки PNG і SVG, указані в head сторінки, але деякі інструменти, рідери стрічок і старі браузери досі напряму запитують /favicon.ico. Невеликий ICO з кількома розмірами за цим шляхом позбавить журнали помилок 404.