Конвертер ICO у SVG

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

або перетягніть Файли JPG, JPEG, JPE … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Конвертувати в

Файли обробляються на наших серверах і видаляються через 30 хв.

Якість і колір

Розмір результату

Змінити розмір результату

Залиште початкові розміри або введіть одну сторону — пропорції збережуться.

Метадані та колірний профіль

Автоорієнтація

Повертає зображення за орієнтацією, збереженою в EXIF, щоб воно скрізь відображалося правильно.

Видалити метадані

Видаляє GPS-координати, дані камери та коментарі. Профіль кольору можна зберегти окремо нижче.

Зберегти колірний профіль

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

Колірний простір

sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.

Тег DPI

dpi

Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.

Як користуватися цим інструментом

1
Виберіть файл .ico
Файл favicon.ico із сайту або значок із програми для Windows. До 20 файлів за раз.
2
Натисніть «Конвертувати у SVG»
Найбільше зображення з ICO розміщується всередині документа SVG зі збереженням прозорості.
3
Вирішіть, що вам потрібно далі
Використайте SVG як є, виконайте трасування для масштабованих контурів або витягніть PNG, якщо потрібна лише картинка.

Відповідь

Чи робить конвертація ICO у SVG значок масштабованим?

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

Ця сторінка

SVG-обгортка

Найбільше растрове зображення з ICO всередині файлу .svg.

Виглядає точно як значок
Прозорість збережено
Розмивається при збільшенні

Трасування

Трасований SVG

Краї перетворено на векторні контури конвертером зображень у SVG.

Масштабується до будь-якого розміру
Кольори та фігури можна редагувати
Дрібні деталі можуть спроститися

Витягнути

PNG з ICO

Найбільше зображення значка, збережене як PNG.

Відкривається скрізь
Без втрат і з прозорістю
Фіксований розмір у пікселях

ICO у SVG: обгортка для пікселів, а не вектор

Формат ICO з’явився у Windows 1.0 у 1985 році й став форматом favicon, коли Internet Explorer 5 у 1999 році почав шукати /favicon.ico. Один файл містить кілька квадратних растрових зображень, щоб Windows і браузери могли вибрати відповідний розмір: 16 px для вкладки браузера, 32 або 48 px для панелі завдань і робочого столу, а з Windows Vista — зображення 256 px, збережені як стиснуті дані PNG. У цій структурі немає ні контурів, ні кривих, ні заливок.

SVG, формат W3C з 2001 року, може містити обидва види вмісту: векторні фігури й вбудовані растрові зображення. Під час конвертації ICO чесний результат — лише другий вид. SVG отримує ширину й висоту значка та один елемент image з пікселями, тому в браузері, Figma чи презентації виглядає точно як ICO. Наблизьте — побачите ті самі пікселі, бо нічого не перемальовувалось.

Розміри іконок усередині ICO і чому важливий найбільший

1:1

16 × 16 px

Favicon на вкладці браузера

Надто малий для якісного трасування

1:1

32 × 32 px

Вкладка з високою щільністю, панель завдань

Типовий максимальний розмір favicon.ico

1:1

48 × 48 px

Значок робочого столу (Windows)

Є в більшості значків програм

1:1

256 × 256 px

Режим великих значків

Найкраще джерело для трасування або PNG

ICO

Піктограма Windows

ICO — формат піктограм Microsoft, який використовують для іконок програм Windows і фавіконів сайтів. Один файл .ico може містити кілька зображень різних розмірів, наприклад 16×16, 32×32, 48×48 і 256×256 пікселів, щоб система вибрала найкращий варіант. Кожне зображення може зберігатися як растр або дані PNG і підтримує повну альфа-прозорість. ICO не призначений для фото чи великих ілюстрацій. Його можуть читати браузери, Windows і більшість редакторів іконок.

Стиснення: Без втрат
Прозорість: Так
Анімація: Ні
Рік появи: Microsoft

Конвертер ICO

SVG

Масштабована векторна графіка (SVG)

SVG — векторний формат на основі XML, стандартизований W3C у 2001 році. Замість пікселів він описує фігури, контури та текст, тож залишається чітким за будь-якого розміру, а для логотипів і значків зазвичай дуже малий. Підтримує прозорість, стилі CSS, скрипти та анімацію, а кожен браузер відображає його нативно. SVG не підходить для фотографій, а складні ілюстрації можуть повільно відображатися. Відкрити й редагувати його можна в Illustrator, Inkscape, Figma та браузерах.

Стиснення: –
Прозорість: Так
Анімація: Так
Рік появи: 2001 · W3C

Конвертер SVG

ICO у SVG шукають, коли інструмент дизайну, бібліотека іконок або шаблон сайту вимагає SVG, а єдина копія логотипу — це favicon або значок Windows; зазвичай це перший крок до векторного трасування.

Трасування іконки у справжні контури SVG

Якщо потрібен логотип, що масштабується, SVG-обгортка — у кращому разі проміжний крок. Пропустіть значок через конвертер зображень у SVG: він відстежує межі кольорів і записує їх як контури, які можна змінювати за розміром, перефарбовувати та різати. Результат залежить від розміру джерела, тож зображення 256 px зі значка програми трасується значно краще, ніж favicon 16 px. У нашому посібнику про конвертування PNG у SVG описано, скільки кольорів залишити і як згладити криві.

Якщо значок потрібен лише в документі чи редакторі, оминіть SVG і візьміть найбільше зображення як PNG через ICO у PNG. Для зворотного шляху, від векторного логотипу до favicon кількох розмірів, є SVG у ICO.

Запитання про конвертацію ICO у SVG

Чи можна перетворити ICO на справжній векторний SVG?

Самим лише конвертуванням — ні. В ICO зберігаються тільки растрові зображення від 16 × 16 до 256 × 256 px, тож фігур для перенесення немає. Справжні контури потрібно отримати трасуванням пікселів, що робить конвертер зображень у SVG.

Який із розмірів усередині .ico потрапляє в SVG?

Найбільше, бо воно містить найбільше деталей. Типовий favicon.ico сягає 32 або 48 px, а значок програми для Windows зазвичай містить версію 256 px.

Чи підійде такий SVG як favicon для сайту?

Chrome і Firefox підтримують favicon у форматі SVG, але SVG лише з растром 32 px нічого не дає порівняно з вихідним ICO. SVG-favicon має сенс, коли містить справжні контури, які лишаються чіткими на екранах з високою щільністю пікселів.

Чому трасування favicon дає розмиті, бугристі форми?

У значка 32 px лише 1024 пікселі, а трасування вгадує криві за їхніми краями. Чим менше пікселів, тим грубше припущення. Для чистих контурів трасуйте зображення 256 px зі значка Windows або знайдіть оригінал логотипу.

Чи зберігається прозорий фон іконки?

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

Чи можна потім перефарбувати іконку в Inkscape або Figma?

Окремо за фігурами — ні, бо SVG містить одну вбудовану картинку. До неї можна застосувати фільтри чи накладання загалом; для кольорів окремих фігур спершу виконайте трасування.