SVGView

Очиститель SVG

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

Добавьте SVG-файл перетаскиванием

или нажмите, чтобы выбрать, или вставьте код SVG

Только .svg файлы
Вставить код SVG с помощью Ctrl+V / Cmd+V

Почему стоит использовать наш Очиститель SVG?

Удалить скрипты

Очиститель удаляет теги <script> и встроенный JavaScript, чтобы предотвратить скрытое поведение. Это делает ненадежные файлы безопасными для панелей мониторинга, документов и общедоступных страниц, а также снижает риск неожиданных перенаправлений.

Очистка обработчиков событий

Он удаляет атрибуты on* и встроенные обработчики, которые могут вызывать действия. Это сокращает поверхность атаки при обмене SVG между инструментами или их вставке в контент CMS. Это также предотвращает случайное попадание в продакшн поведения при наведении или клике.

Блокировать внешние ссылки

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

Безопасный предпросмотр

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

Конфиденциальность прежде всего

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

Мгновенная очистка

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

Как очистить SVG

1

Загрузите ваш SVG

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

2

Очистить файл

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

3

Экспортировать SVG

Скопируйте или скачайте очищенный файл. Очиститель SVG сохраняет имена файлов, поэтому замена активов в вашем репозитории проста, а история версий остается четкой.

Часто задаваемые вопросы по Очистителю SVG

Что удаляет очиститель SVG из моего SVG?
Очиститель SVG удаляет скрипты, обработчики событий, foreignObject и небезопасные внешние ссылки, которые могут представлять угрозы безопасности. Он нацелен на элементы, выполняющие код или загружающие удаленный контент. Используйте очиститель SVG каждый раз, когда SVG поступают извне вашего доверенного конвейера. Если файл создан пользователем, по умолчанию считайте его ненадежным.
Изменит ли очистка внешний вид SVG?
Очиститель SVG стремится сохранить визуальный результат. Если SVG зависит от удаленных элементов, вы можете заметить изменения, поэтому всегда выполняйте предпросмотр. В большинстве файлов значков и иллюстраций очиститель SVG сохраняет графику, удаляя скрытое поведение. При возникновении проблем повторно экспортируйте из инструмента дизайна без скриптов или встроенного HTML.
Удаляет ли очиститель SVG foreignObject?
Да. Очиститель SVG удаляет foreignObject, поскольку он может содержать HTML и скрипты. Это делает результат безопасным для блоков CMS, шаблонов электронных писем и общедоступных вставок. Если вам нужен HTML внутри SVG, рассмотрите возможность экспорта в PNG вместо этого.
Загружается ли SVG на сервер?
Нет. Очиститель SVG работает локально в вашем браузере, поэтому файлы никогда не покидают ваше устройство. Этот локальный рабочий процесс очистителя SVG безопасен для конфиденциальных активов и строгих конфиденциальных сред. Локальная обработка также избегает ограничений на загрузку и ускоряет циклы проверки.
Могу ли я оптимизировать после очистки?
Да. Очиститель SVG удаляет рискованные элементы, после чего оптимизация может уменьшить размер. Многие команды сначала запускают очиститель SVG, затем используют оптимизатор или очистку для дальнейшего уменьшения файла и поддержания продакшн-активов в оптимальном состоянии. Хранение очищенной копии вместе с оригиналом также помогает в аудитах и истории проверок.
Безопасно ли это для вставки в электронную почту или CMS?
Очиститель SVG делает файлы более безопасными, но каждая платформа имеет свои правила. Используйте очиститель SVG, затем следуйте рекомендациям платформы по разрешенным тегам и атрибутам. В случае сомнений экспортируйте в PNG для платформ, которые блокируют SVG. Некоторые системы CMS также автоматически удаляют SVG-теги, поэтому подтвердите окончательный результат.
Влияет ли это на доступность?
Очиститель SVG сохраняет общие атрибуты доступности, такие как title и aria-label, когда это безопасно. После запуска очистителя SVG вы можете добавлять или проверять метки, чтобы соответствовать вашему контрольному списку доступности и внутренним стандартам. Документируйте эти правила, чтобы команды сохраняли согласованность.
Как это вписывается в проверки безопасности?
Очиститель SVG обеспечивает быстрый, повторяемый шаг очистки для проверок безопасности. Он помогает командам удалять рискованный контент перед тем, как активы попадут в продакшн-репозитории, и сокращает поверхность атаки для встроенных SVG на страницах, предназначенных для пользователей. Подумайте о добавлении его в ваш контрольный список приема активов или CI-пайплайны. Дополните его ручной выборочной проверкой для активов с высоким уровнем риска.
Бесплатно ли использовать Очиститель SVG без скачивания?
Да. Очиститель SVG можно бесплатно использовать в вашем браузере. Скачивания или установки не требуются.
Нужна ли мне учетная запись для использования Очистителя SVG?
Нет. Очиститель SVG работает мгновенно в браузере без регистрации, и файлы остаются локально.

Связанные инструменты SVG

Используйте этот очиститель вместе с этими инструментами для очистки, оптимизации и проверки ваших активов. Комбинируйте их для полного предпускового рабочего процесса.

Очистка SVG

Удалите метаданные и остатки редактора после использования очистителя SVG, чтобы разметка оставалась чистой и читаемой.

Открыть инструмент

Оптимизатор SVG

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

Открыть инструмент

Просмотрщик SVG

Предпросматривайте очищенные SVG с увеличением и проверкой метаданных перед публикацией и передачей.

Открыть инструмент

Форматировщик SVG

Улучшайте вывод очистителя SVG для читаемости и проверки кода в вашем репозитории.

Открыть инструмент

Связанный SVG-блог

Продолжите чтение практических материалов о рабочих процессах SVG, устранении проблем и продакшене.