Для разработчиков / Проверка SVG

Просмотрщик SVG: анализ, изменение размера и копирование SVG

Просматривайте код SVG локально, используя масштабирование и настройки фона. Проверяйте размеры и цветовые значения, изменяйте ширину и высоту, исправляйте viewBox, скачивайте или копируйте data URI.

Просмотрщик SVG: анализ, изменение размера и копирование SVG: Считывает размеры SVG, viewBox, количество элементов, размер в байтах и явное использование цветов. После очистки изменяет только запрошенные атрибуты размеров корневого элемента. Если viewBox отсутствует, его можно заполнить на основе исходных размеров; в адаптивном режиме viewBox сохраняется, а атрибуты width и height удаляются. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.

Категория
Инструменты для разработчиков
Запуски
В вашем браузере
Стоимость
Бесплатно · без регистрации
Доступность
Готово к использованию
Просмотр и изменение размера SVGЛокальная обработка

Полностью работает в браузере

Выберите или перетащите SVG

Область просмотра SVG и viewBox

viewBox состоит из четырёх чисел: минимальные x и y, ширина и высота. Ширина и высота должны быть положительными. Спецификация: https://www.w3.org/TR/SVG2/coords.html

Размер и локальный просмотр

Абсолютные единицы длины преобразуются из расчёта 96 CSS-пикселей на дюйм. Масштаб предварительного просмотра и фон не изменяют экспортируемую разметку. Правила обработки изображений SVG: https://www.w3.org/TR/SVG2/conform.html

Как пользоваться

  1. Перетащите SVG или вставьте его код, чтобы посмотреть очищенный результат.
  2. Задайте размеры с возможной фиксацией пропорций, настройте viewBox или удалите размеры для адаптивного использования.
  3. Скачайте SVG, скопируйте его код или скопируйте закодированный data URI.

Конфиденциальность и ограничения

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

Похожие инструменты

SVG в PNGОчистка SVGРедактор SVG

Часто задаваемые вопросы

Изменяет ли viewBox само изображение?

Изменяется видимая область координат. Используйте существующий viewBox, если нужно изменить только размер отображения; другой viewBox может обрезать или сместить видимую часть изображения.

Что происходит, если размеры не указаны?

Просмотрщик использует размеры viewBox, а затем запасной вариант 300 × 150 пикселей. Для абсолютных физических размеров используется значение 96 пикселей на дюйм; относительные размеры требуют содержащего элемента страницы для точного определения.

Почему адаптивный режим удаляет width и height?

viewBox сохраняет систему координат, а окружающий макет управляет отображаемым размером.

Можно ли скопировать data URI?

Да. Data URI содержит очищенный SVG с URI-кодированием.

Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен