Преобразуйте любое изображение в SVG для редактирования и масштабирования.

Загрузите логотип, иллюстрацию, рисунок или изображение от ИИ. Получите SVG из аккуратных векторных контуров с настоящими SVG-градиентами.

Перетащите изображение сюда или нажмите, чтобы выбрать файлPNG, JPG, WebP, GIF или BMP · до 25 МБ · вставка через CommandVCtrlV
Нет изображения под рукой? Попробуйте наш пример
PNG, JPG, WebP, GIF или BMPГрадиенты сохраняютсяПроба без регистрации
Градиентная графика: Исходник
Градиентная графика: Вектор
ИсходникВектор
dusk-illustration.svg1024 × 1024 px PNG · 44,8 KB
Пути
–
Опорные точки
–
Градиенты
–
Размер SVG
–
Сплошные заливки в этом SVG

Пять плавных переходов, каждый с одним настоящим SVG-градиентом. Включите контуры, чтобы увидеть устройство: каждый переход состоит из полос с общей градиентной заливкой, поэтому стыки незаметны.

Короткий ответ

Что даёт преобразование изображения в SVG?

Оно воссоздаёт формы изображения в виде векторных контуров. SVG выглядит как ваше изображение, но состоит из границ и заливок вместо пикселей, поэтому остаётся чётким в любом размере, а каждый цвет можно менять отдельно. Это отличается от увеличения разрешения, которое лишь создаёт более крупную сетку пикселей.

Входные файлы
PNG, JPG, WebP, GIF и BMP, до 25 МБ
Результат
SVG с редактируемыми цветными контурами
Градиенты
Линейные и радиальные SVG-градиенты
Прозрачность
Сохраняется пустым пространством
Открывается в
Figma, Illustrator, Inkscape, Affinity, Cricut Design Space и других

Шаг за шагом

Как преобразовать изображение в SVG

Примерно минута от загрузки до скачивания, без установки программ.

  1. Выберите самую чёткую версию изображения

    Чем крупнее и чётче, тем лучше. Модель Ultra возвращает детали размытых и сжатых изображений, но не может вернуть то, чего в изображении совсем нет.

  2. Загрузите его

    Перетащите файл в поле вверху страницы, выберите его или вставьте из буфера обмена.

  3. Сравните перед скачиванием

    Двигайте разделитель и увеличивайте важные части: лица, буквы и тонкие линии.

  4. Скачайте и редактируйте

    Откройте SVG в программе для дизайна или резки. Выберите контуры для перекрашивания и измените заливки.

Пиксели или контуры

Изображение или SVG: что для чего лучше

Векторы не лучше во всём. Вот сильные стороны каждого формата.

ЗадачаИзображение (PNG, JPG)SVG
Крупная печатьНужен достаточно большой файлЛюбой размер из одного файла
Изменение цветаПерекрасить пикселиИзменить заливки контуров
Cricut, лазер или ЧПУСначала нужна трассировкаГотовые контуры для станка
Изменение формыНепрактичноПеремещать, удалять или менять контуры
Показ фотографииПравильный выборПревращается во множество мелких фигур
Использование на сайтеФиксированное разрешениеЧёткость на любом экране

Прямой ответ

Подойдёт ли ваше изображение?

Преобразование воссоздаёт то, что есть в пикселях. Лучше всего оно работает с изображениями, где уже есть чёткие формы.

Хорошие исходники

  • Логотипы, надписи и значки
  • Плоские иллюстрации, персонажи и наклейки
  • Линейные рисунки, силуэты и файлы для резки
  • Графика от ИИ с чёткими фигурами
  • Рисунки с плавными градиентами

Внимательно проверьте результат

  • Фотографии и фотореалистичные рендеры
  • Очень маленькие или сильно сжатые файлы
  • Тонкие текстуры: шерсть, плёночное зерно или акварель
  • Мелкий текст и тончайшие детали

Текст возвращается контурами в форме букв, а не редактируемым текстом.

Решение проблем

Если SVG получился не совсем удачным

Края выглядят неровными

Возьмите более крупный оригинал. Скриншоты и изображения из мессенджеров теряют детали.

Появился прямоугольный фон

Перед скачиванием включите «Удалить фон» в параметрах. Внешний фон исчезнет, а замкнутые детали того же цвета сохранятся. У прозрачного PNG внешнего фона уже нет.

Очень много маленьких фигур

Текстурные, шумные и фотографические изображения превращаются во множество мелких деталей. Плоская графика даёт более аккуратный файл.

В градиентах видны полосы

Возьмите менее сжатое изображение, чтобы каждый переход преобразовался в один плавный градиент.

Текст нельзя редактировать

Трассированные буквы — фигуры. Наберите слова заново исходным шрифтом в редакторе.

Программа для резки отклоняет файл

Для резки нужны сплошные цвета. Настройки описаны на страницах Cricut, Silhouette и лазерной резки.

Вопросы и ответы

Вопросы об изображениях в SVG

Чем преобразование в SVG отличается от увеличения разрешения?

Увеличение разрешения создаёт более крупное изображение, которое по-прежнему состоит из пикселей. Преобразование в SVG воссоздаёт изображение векторными контурами, которые остаются чёткими в любом размере и редактируются по отдельным фигурам.

Какие форматы изображений можно преобразовать?

PNG, JPG, WebP, GIF и BMP, до 25 МБ каждый.

Работает ли это с фотографиями?

Фотографии преобразуются, но дают множество мелких фигур и выглядят скорее как плакат. Векторы особенно полезны для логотипов, иллюстраций и графики.

Можно ли потом редактировать SVG?

Да. В любом векторном редакторе можно перекрашивать, перемещать, удалять и менять форму контуров. Выберите «Рядом» в параметрах скачивания для неперекрывающихся фигур, сгруппированных по сплошному цвету. В файлах со слоями друг над другом и в графике с градиентами один цвет может занимать несколько контуров, поэтому при перекрашивании выбирайте все совпадающие фигуры.

Нужна ли учётная запись?

Нет. Можно загрузить и преобразовать изображение, а затем сравнить результат с оригиналом без регистрации.

Приходите с изображением.

Добавьте файл и примерно через минуту увидите SVG рядом с оригиналом.

Без регистрации · Предпросмотр перед скачиванием

Обновлено