SVG может содержать фигуры, обычное изображение или и то и другое. Если двигается всё целиком, сначала проверьте, не выбрана ли группа.

Проверка в редакторе

  1. Откройте копию в Figma, Inkscape или Illustrator.
  2. Раскройте группу в панели слоёв или объектов.
  3. Выберите часть, измените цвет, передвиньте точку контура и отмените.
  4. Проверьте другую область: фигуры и изображения могут сочетаться.

Одна рамка выделения не доказывает, что это картинка: у группы тоже одна рамка. Буквы в контурах нельзя заменить набором текста; создайте текст заново.

Необязательно: проверить код

Найдите <image в копии, открытой текстовым редактором. Его href ссылается на картинку или содержит её данные. Это не векторизация. path, circle, rect и polygon описывают фигуры, но один контур не делает весь файл векторным.

Попробуйте с конвертом

Раскройте группу в SVG с собакой, перекрасьте красную часть конверта и отмените изменение. Проверьте сгибы и точки синей фигуры. Это полезнее простого увеличения.

Исходное изображение
Исходное изображение
Полученный SVG
Полученный SVG
Фрагмент оригинала
Фрагмент оригинала
Фрагмент результата
Фрагмент результата
Исходное изображение · Полученный SVG · Как создан этот пример

Если внутри только картинка, попросите исходный вектор или преобразуйте чёткий оригинал. ImageSVG не встраивает растр, но и не превращает нарисованные буквы в редактируемый текст.

Проверьте файл с фигурами и изображением

Скачайте учебный SVG, откройте в редакторе и раскройте группу. У левого треугольника можно менять точки, а правый — изображение PNG. Измените цвет слева, затем попробуйте справа. Оба выглядят чётко, но векторная фигура только одна. Это специально созданный пример, не результат ImageSVG.

Скачайте учебный SVG, откройте в редакторе и раскройте группу. У левого треугольника можно менять точки, а правый — изображение PNG. Измените цвет слева, затем попробуйте справа. Оба выглядят чётко, но векторная фигура только одна. Это специально созданный пример, не результат ImageSVG.

SVG ↓