Руководство по SVG

Удалите фон с SVG-изображений

SVG — это вектор, но иногда у него есть растровый фон

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

SVG-файл, который отображает изображение с фоном, обычно представляет собой SVG с встроенным растровым (битмап) изображением — либо как элемент <image>, либо как заливка на фигуре. Чтобы удалить его, сначала конвертируйте SVG в растровое изображение, затем используйте BGRemover.

Метод 1 — BGRemover (Лучше всего для встроенных растровых фонов)

Лучше всего: SVG-файлы со встроенными JPG/PNG фонами

1

Экспортируйте SVG как растровое изображение

Откройте SVG в браузере и сделайте скриншот в полном разрешении. Или откройте в Illustrator и Файл → Экспортировать как → PNG в высоком разрешении.

2

Загрузите в BGRemover

Откройте /workspace, загрузите PNG и скачайте результат с прозрачным PNG. 5 секунд.

3

Замените оригинал в инструменте дизайна

Импортируйте прозрачный PNG обратно в ваш рабочий процесс.

4

Экспортируйте чистый SVG

Результат теперь чистый SVG с удалённым фоном.

Метод 2 — Inkscape (Прямое редактирование SVG, Бесплатно)

Лучше всего: SVG-файлы с векторными фонами, которые можно очертить

1

Откройте SVG в Inkscape

Перетащите SVG-файл в Inkscape или Файл → Открыть.

2

Определите фоновый элемент

Используйте панель Слои, чтобы найти фоновую фигуру или встроенное изображение.

3

Удалите фон

Выделите фоновый элемент и нажмите Delete.

4

Экспортируйте SVG

Файл → Сохранить как → SVG.

Удалитель фона SVG — Часто задаваемые вопросы

Можно ли удалить фон напрямую из SVG-файла?

Да — но только если фон — векторная фигура. Если это встроенное растровое изображение (JPG/PNG внутри SVG), нужно сначала конвертировать его в растр, затем удалить фон с помощью BGRemover.

Какой лучший бесплатный SVG-редактор для удаления фона?

Inkscape (бесплатный, с открытым исходным кодом) — лучший бесплатный вариант для прямого редактирования SVG-файлов.

Удалите фоны SVG за секунды

Экспортируйте SVG как PNG, загрузите в BGRemover и скачайте прозрачный PNG — готовый к использованию обратно в любом дизайн-инструменте.