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

Что видно?

  • Белое исчезает: проверьте и на конечном фоне.
  • Белый прямоугольник остаётся: это может быть фигура или часть оригинала. Сначала скройте, затем решайте, удалять ли.
  • Серые клетки остаются: возможно, это снимок предпросмотра прозрачности. Найдите настоящий PNG или WebP.
  • Светлая кайма: в оригинале могли быть белые пиксели по краю. Сравните на светлом и тёмном фоне и исправьте до преобразования.

Сохраните нужные белые детали

Глаза, буквы и блики могут быть белыми намеренно. Сохраните копию и скрывайте только подозреваемый фон.

Сравните цаплю

Одинаковые PNG и SVG показаны на двух фонах. Сравните область снаружи эмблемы и белые перья. Фон должен просвечивать только через прозрачные места. Скачайте файлы для проверки.

Исходный PNG на светлом фоне
PNG
Полученный SVG на светлом фоне
SVG
Исходный PNG на тёмном фоне
PNG
Полученный SVG на тёмном фоне
SVG
Исходное изображение · Полученный SVG · Как создан этот пример

Преобразование JPEG удаляет фон?

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

Шахматная сетка может быть частью картинки

Скачайте учебный PNG и поместите на светлый и тёмный фон. Серые клетки останутся, потому что это непрозрачные пиксели. Шахматная сетка не доказывает прозрачность. Этот образец создан для объяснения, а не преобразован в ImageSVG.

Скачайте учебный PNG и поместите на светлый и тёмный фон. Серые клетки останутся, потому что это непрозрачные пиксели. Шахматная сетка не доказывает прозрачность. Этот образец создан для объяснения, а не преобразован в ImageSVG.
Скачайте учебный PNG и поместите на светлый и тёмный фон. Серые клетки останутся, потому что это непрозрачные пиксели. Шахматная сетка не доказывает прозрачность. Этот образец создан для объяснения, а не преобразован в ImageSVG.

PNG ↓