Конвертер зображень в ICO
Створіть favicon.ico або іконку Windows з будь-якого зображення, яке у вас є: PNG з логотипом, SVG від дизайнера, JPG з бренд-кіту чи навіть фото з телефона. Готовий файл містить кілька розмірів. Нижче пояснено, яке джерело підходить найкраще і які ще файли іконок очікує кожна платформа.
Конвертер зображень
або перетягніть Файли JPG, JPEG, JPE … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
85 зберігає фото візуально ідентичними оригіналу. Зменшуйте лише тоді, коли потрібен менший файл.
JPG, BMP і EPS не підтримують прозорість. Прозорі пікселі заповнюються цим кольором.
Hex-колір для заливки під прозорими пікселями, наприклад #FFFFFF.
Цей формат містить одне зображення. Оберіть вихідний формат GIF або WebP, якщо хочете зберегти анімацію.
Багаторозмірна іконка містить кілька роздільностей в одному файлі; браузери та операційні системи обирають потрібну.
Залиште початкові розміри або введіть одну сторону — пропорції збережуться.
Пікселі для сторони, обраної вище.
Відсоток від початкових розмірів.
sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.
Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.
Як користуватися цим інструментом
- 1
Виберіть найчистіше вихідне зображення
Завантажте зображення, яке має стати іконкою: бажано квадратний логотип або символ розміром від 256 × 256 px.
- 2
Залиште для розмірів іконки значення «Усі»
У розділі Додаткові налаштування параметр Розміри іконок за замовчуванням має значення Усі розміри (16–256). Обирайте один розмір, лише якщо програма вимагає саме його.
- 3
Конвертуйте й перевірте результат
Натисніть Конвертувати в ICO, завантажте файл і перегляньте його у вкладці браузера або на робочому столі, перш ніж публікувати.
Як перетворити зображення на іконку ICO?
Завантажте квадратне зображення від 256 × 256 px, залиште в Розміри іконок значення Усі розміри (16–256) і натисніть Конвертувати в ICO. Ви отримаєте один файл із версіями 16, 32, 64, 128 і 256 px, готовий до використання як favicon.ico або іконка ярлика Windows.
Зображення в ICO: з якого вихідного файлу почати
ICO — контейнер іконок від Microsoft, такий самий старий, як і сама Windows. Він зберігає не одне зображення, а невеликий каталог зображень, і починаючи з Windows Vista найбільший запис, 256 px, може бути стиснутий як PNG. Браузери перейняли формат у 1999 році, коли Internet Explorer 5 почав запитувати /favicon.ico на кожному сайті.
Оскільки конвертер зменшує зображення аж до 16 px, результат залежить від джерела значно більше, ніж від будь-яких налаштувань. Оцініть, що у вас є, перш ніж завантажувати, і, якщо зображення широке, спершу обріжте його до квадрата: інструмент обрізати фото задає рамку 1:1 за кілька секунд.
Векторний логотип (SVG, EPS, AI)
Растеризується заново для кожного розміру, тож краї лишаються чіткими. Найкращий вибір, якщо дизайнер може його надіслати.
Прозорий PNG або WebP
Зберігає прозорий фон, крізь який видно панель вкладок. Починайте від 256 px або більше.
JPG, HEIC або скріншот
Підійде, але квадратний фон залишиться. Залийте або обріжте його, щоб кути виглядали продумано.
Де кожна платформа шукає файл іконки
32 × 32 px
favicon.ico (вкладка браузера)
16 і 32 px малюються у вкладках і закладках; ICO з цієї сторінки охоплює обидва
256 × 256 px
Ярлик Windows або .exe
Великі значки та екрани з високою щільністю пікселів беруть запис 256 px
180 × 180 px
apple-touch-icon.png
PNG, не ICO; використовується, коли сайт додають на головний екран iPhone
512 × 512 px
Іконка веб-маніфесту застосунку
PNG, указаний у manifest.json, разом із версією 192 px, для встановлюваних веб-застосунків
ANY I
Будь-яке зображення
Цей інструмент приймає поширені формати зображень, зокрема JPG, PNG, WebP, HEIC, GIF, BMP і TIFF. Формат визначається з файлу автоматично, тож знати тип зображення не потрібно.
ICO
Піктограма Windows
ICO — формат піктограм Microsoft, який використовують для іконок програм Windows і фавіконів сайтів. Один файл .ico може містити кілька зображень різних розмірів, наприклад 16×16, 32×32, 48×48 і 256×256 пікселів, щоб система вибрала найкращий варіант. Кожне зображення може зберігатися як растр або дані PNG і підтримує повну альфа-прозорість. ICO не призначений для фото чи великих ілюстрацій. Його можуть читати браузери, Windows і більшість редакторів іконок.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- Microsoft
Довільне зображення конвертують в ICO, бо вкладка браузера, ярлик Windows або інсталятор очікує один файл .ico, а під рукою є лише логотип, скріншот чи фото в іншому форматі; видобування PNG з ICO — зворотна задача, відновлення графіки.
Тест читабельності при 16 px перед конвертацією в ICO
У форматі 16 × 16 px іконка має всього 256 пікселів. Повний логотип із назвою перетворюється на сіру пляму, а одна виразна літера чи символ залишаються розпізнаваними. Перед конвертацією зменште джерело до 16 px у будь-якому переглядачі й запитайте себе, чи впізнали б ви його серед 30 відкритих вкладок.
Контраст важить так само, як і форма. Вкладки відображаються на світлих і темних темах браузера, тому чорний логотип на прозорому тлі може зникнути в темному режимі. Тонкий світлий контур або суцільний округлений квадрат за символом зберігає його видимість в обох випадках. Для пакетів застосунків macOS потрібен ICNS; PNG у ICNS створює такий файл з тієї самої графіки.
Запитання про конвертацію зображень в ICO
Які формати зображень можна конвертувати в ICO на цій сторінці?
Будь-яке зображення, яке читає конвертер: серед них PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD і камерний RAW. Найчіткіші краї дає прозорий PNG або SVG; JPG теж підійде, але разом із ним залишиться прямокутний фон.
Чи достатньо favicon.ico, чи потрібні інші файли іконок?
Файл .ico охоплює вкладки та закладки в усіх браузерах. iPhone і iPad шукають PNG 180 × 180 px з назвою apple-touch-icon, а Chrome пропонує встановити сайт як застосунок, лише якщо у веб-маніфесті вказано PNG-іконки 192 і 512 px.
Чи потрібне Windows зображення 48 px усередині ICO?
Середній вигляд значків у Провіднику малює іконки розміром 48 px. Якщо у файлі немає запису 48 px, Windows масштабує найближчий більший, тут це зображення 64 px, і для виразної графіки це зазвичай виглядає нормально. Тонкі лінії можуть стати розмитими.
Чи може один ICO показувати різні зображення при 16 px і 256 px?
Формат це дозволяє, і системні іконки часто мають спрощений малюнок для найменших розмірів. Цей конвертер масштабує одне зображення до всіх розмірів. Якщо версії 16 px потрібен власний малюнок, експортуйте цю графіку окремо й конвертуйте її, обравши в Розміри іконок 16 px.
Як перевірити, що іконку видно при 16 px, перш ніж конвертувати?
Зменште його до 16 px у будь-якому редакторі та перегляньте в масштабі 100%. Якщо важко зрозуміти, що це, приберіть деталі: видаліть слоган, залиште першу літеру або символ і потовщте тонкі лінії.
Куди завантажити favicon.ico на сайті?
Покладіть його в корінь сайту, щоб він відкривався за адресою /favicon.ico: браузери запитують цю адресу, навіть якщо жоден тег на неї не вказує. Тег link з rel="icon" у head сторінки дає змогу розмістити файл деінде.