PNG в SVG
Превратите PNG-логотип, иконку или плоскую графику в чёткий векторный SVG, который масштабируется до любого размера без потери качества. Работает в браузере — бесплатно, без ограничений, ничего не загружается.
Перетащите изображение сюда или нажмите, чтобы выбрать
Локальная обработка — ничего не загружается
Как конвертировать PNG в SVG
Перетащите PNG-изображение в поле. Лучше всего подходят логотипы, иконки и плоская графика — всё с чёткими формами и сплошными цветами. Файл остаётся в этой вкладке и никуда не загружается.
Подстройте пороговый ползунок, если в результате слишком много или мало деталей. Высокие значения захватывают бледные области; низкие оставляют только самые тёмные формы.
Нажмите «Конвертировать». Векторный SVG появится ниже — увеличивайте как угодно, он останется чётким. Затем скопируйте код или скачайте файл для дизайн-инструмента или сайта.
Практические советы
Логотипы и иконки: почему вектор побеждает пиксели при любом размере
PNG-логотип идеален при 200 пикселях и зазубрен при 2000 — пиксели фиксируются при экспорте. SVG хранит фигуры как математические кривые, поэтому один и тот же файл остаётся чётким и на визитке, и на билборде. Именно поэтому типографии просят векторные файлы: один логотип — все применения. Этот инструмент возвращает ваш плоский PNG к этим кривым, чтобы растровый логотип, оставшийся только скриншотом, жил во всех будущих размерах. Учтите: он перерисовывает то, что видит — PNG низкого разрешения всё равно даст чистые края, но мелкие детали, которых не было в пикселях, придумать невозможно.
От плоского дизайна к вебу: SVG на современных сайтах
Современные сайты по умолчанию отдают иконки и иллюстрации в SVG: файлы часто меньше PNG-эквивалента, остаются резкими на экранах высокой плотности, а цвет меняется одной строкой CSS. PNG-иконка, экспортированная один раз в 64 пикселях, — слабое место на retina-дисплее; та же фигура в SVG масштабируется бесплатно. Если вы делаете сайт, страницу логотипа или набор favicon, конвертация плоских ресурсов в SVG заранее убирает целый класс проблем с размытыми картинками. Этот инструмент даёт такое преобразование за секунды, без дизайнерского ПО.
Что векторизация может и не может: честные границы
Векторизация — это перерисовка, а не магия. Дайте ей плоский логотип — получите чистые, бесконечно масштабируемые контуры. Дайте фотографию — получите полосы фигур, похожие на абстрактное искусство: инструмент выполнит работу, но результат будет стилизованной интерпретацией, а не копией. Обычные жертвы — градиенты и мягкие тени: у векторного контура один цвет заливки, поэтому плавные переходы становятся ступеньками. Пороговый ползунок существует именно для этого компромисса — двигайте его, пока нужные фигуры не станут плотными, а ненужный шум не исчезнет. Сомневаетесь — обрежьте до самой графики перед конвертацией: меньше фона означает чище обводку и меньше размер SVG.
Частые вопросы
Этот конвертер PNG в SVG действительно бесплатный?+
Да. Конвертация полностью выполняется в вашем браузере — сервера нет, поэтому платить не за что и лимита на число изображений нет.
Будет ли SVG выглядеть точно как мой PNG?+
Очень близко для плоской графики — логотипы, иконки и фигуры со сплошными цветами векторизуются почти идеально. Фото и изображения с градиентами превращаются в стилизованные полосы фигур, потому что векторизация перерисовывает пиксели кривыми, а не копирует их.
Какие изображения подходят лучше всего?+
Логотипы, иконки, клипарты и плоские иллюстрации с чёткими краями и малым числом цветов. Скриншоты элементов интерфейса со сплошными цветами тоже подходят. Чем больше изображение похоже на фотографию, тем хуже оно подходит для векторизации.
Можно ли потом редактировать SVG?+
Да. В файле настоящие векторные контуры, а не пиксели — откройте его в Inkscape, Figma, Illustrator или любом редакторе с поддержкой SVG, меняйте цвета, двигайте точки и экспортируйте в любом размере без потерь.
Что делает пороговый ползунок?+
Он решает, какие пиксели становятся частью фигуры. Пиксели темнее порога превращаются в векторные контуры, светлее — в фон. Поднимите его, чтобы включить бледные области, опустите — чтобы оставить только плотные тёмные фигуры.