Преобразовать PNG в SVG
Векторизуйте логотип, иконку или рисунок в SVG — файл из фигур, который масштабируется до любого размера и никогда не пикселизуется. Ничего не загружается.
Ваш файл
Почему этот инструмент
- Без ограничения размера
- Ничего не загружается
- Без регистрации
JPG или PNG — это сетка пикселей: увеличьте — и пиксели станут видны. SVG — это список фигур, описанных математически, которые чётко перерисовываются в любом размере, от фавикона 16 пикселей до вывески магазина.
Переход от одного к другому называется векторизацией, и это не прямая конвертация: что-то должно решить, где проходят границы фигур. Поэтому результат отличный на плоском логотипе и разочаровывающий на фотографии — и эта страница говорит об этом прямо, а не оставляет вас выяснять.
Как преобразовать изображение в SVG
Добавьте изображение
Логотип, иконку, пиктограмму или рисунок в JPG, PNG или WEBP. Чем чище плоские заливки цвета, тем лучше трассировка.
Выберите детализацию
«Контурный рисунок» — для чёрно-белого, «Логотип» — для макета в несколько цветов, «Подробно» — когда цветов нужно больше. Меньше цветов — чище формы.
Проверьте и скачайте
SVG показывается увеличенным на шахматном фоне, чтобы вы оценили трассировку до скачивания.
Что хорошо векторизуется
Графика из плоских заливок: логотипы, иконки, пиктограммы, монограммы, контурные рисунки, печати, силуэты. В них трассировка находит настоящие границы, и итоговый файл часто такого же размера, как исходный PNG, или меньше.
На плоском логотипе, проверенном для этой страницы, трассировка дала около семидесяти фигур и файл, сравнимый с исходным PNG, — после чего он увеличивается бесконечно без потери чёткости края.
Лучший случай — чёрно-белое изображение. В режиме «Контурный рисунок» трассировщику нужно разделить всего два цвета, и контуры получаются самыми чистыми, какие умеет этот инструмент. Цветная векторизация тоже работает: «Логотип» использует до 8 цветов, «Подробно» — до 16.
Что не векторизуется
Фотография. У градиента, кожи, неба или листвы нет контуров, поэтому векторизация вынуждена придумывать границы там, где их нет, и результат превращается в мозаику плоских пятен.
Это измеримо. Та же фотография, проверенная здесь, дала больше двух с половиной тысяч фигур и файл в полтора раза больше PNG — при картинке, которая уже не похожа на оригинал.
Инструмент предупреждает, когда это происходит: после нескольких сотен фигур появляется сообщение о том, что это фотография и файл будет большим. Ни один векторизатор не справится лучше: это суть задачи, а не недостаток этого инструмента.
Зачем нужен SVG
Потому что он не пикселизуется. Один файл служит и фавиконом в 16 пикселей, и макетом для широкоформатной печати, без экспорта десяти разных размеров. Яндекс, например, рекомендует для фавикона именно SVG — векторизованный логотип можно подключить на сайт как favicon.svg.
Потому что он лёгкий, если графика подходит: векторизованный логотип часто укладывается в несколько килобайт, и страница с ним грузится быстрее.
И потому что он остаётся редактируемым. SVG — это текст, который открывается в Illustrator, Inkscape, Figma или редакторе кода, где цвета можно менять по одному.
Что даёт трассировка
Измерено на изображениях, проверенных для этой страницы.
| Исходник | Получено фигур | Результат |
|---|---|---|
| Логотип с плоскими цветами | ~70 | Отлично, файл сравним с PNG |
| Контурный рисунок, 2 цвета | Немного | Самый чистый случай |
| Фотография | От 2500 | Мозаика пятен, тяжёлый файл |
Когда переводят изображение в SVG
Логотип, который остался только в PNG
Последний сохранившийся файл бренда снова становится масштабируемым.
Иконка для сайта
Пиктограмма в SVG, чёткая на любом экране и легче для загрузки.
Отсканированный рисунок
Набросок или печать в векторе, чтобы редактировать в графической программе.
Макет для широкоформатной печати
Простая форма для вывески или плоттерной резки винила, без ограничения размера.
