Откройте файл SVG, вставьте код SVG или загрузите пример, чтобы увидеть рисунок здесь.
Откройте SVG, чтобы изучить его элементы.
Этот SVG viewer безопасно показывает SVG-файлы: рисунок можно увеличить, узнать его размер и viewBox и изучить каждый элемент. Откройте файл .svg или вставьте код SVG — на сервер ничего не загружается.
Обновлено:
Как это работает
Откройте или вставьте SVG
Перетащите файл .svg или .svgz на панель кода, нажмите «Открыть файл», вставьте разметку или начните с кнопки «Загрузить пример».
Масштабируйте и изучайте
Колесо мыши или жест щипка меняют масштаб, перетаскивание сдвигает рисунок, а кнопка «Вписать» показывает его целиком. Выберите элемент в дереве или на холсте, чтобы увидеть его атрибуты.
Правьте, очищайте, конвертируйте
Меняйте код и сразу видьте результат, сжимайте файл кнопкой «Оптимизировать (SVGO)», скачивайте очищенный SVG или отправляйте его в конвертер кнопкой «→ PNG».
Возможности
Безопасный предпросмотр
Скрипты, обработчики событий, foreignObject, ссылки javascript: и внешние ресурсы удаляются до показа, поэтому вредоносный SVG не сможет выполнить код.
Четкость при любом масштабе
Рисунок заново отрисовывается как вектор на каждом шаге масштаба — от 1 % до 6 400 %.
Фон и сетка
Прозрачность удобно проверять на шахматном фоне; есть также белый, черный и любой свой цвет. Сетка помогает выравнивать иконки.
Размер и viewBox сразу видны
В строке состояния — ширина, высота, viewBox, размер файла, число элементов и контуров.
Инспектор элементов
Дерево элементов, подсветка фигур на холсте и список атрибутов выбранного элемента.
Живая панель кода
Код с подсветкой можно править, и предпросмотр следует за изменениями. Оптимизация SVGO выполняется в фоновом потоке.
Ограничения и конфиденциальность
Предпросмотр с правкой кода и инспектором элементов работает для файлов до 5 MB. Файлы от 5 MB до 50 MB (большие карты, графики) показываются как изображение: масштаб и фон работают, а панель кода и инспектор отключены. Подсветка синтаксиса выключается для файлов больше 2 MB.
Текст рисуется шрифтами, установленными на вашем устройстве. Внешние изображения, стили и шрифты не запрашиваются, поэтому рисунок может выглядеть иначе, чем в браузере, который их загружает. Подробнее — на странице о конфиденциальности.
Частые вопросы
Как открыть SVG-файл онлайн?
Нажмите «Открыть файл» или перетащите файл .svg или .svgz на страницу. Рисунок появится сразу, а файл не отправляется на сервер.
Можно ли посмотреть код SVG, а не только картинку?
Да. Панель кода показывает разметку с подсветкой рядом с предпросмотром, и каждая правка сразу меняет рисунок.
Чем открыть SVG на Windows 10, Windows 11 или Mac без установки программ?
Этой страницей: она работает в Chrome, Edge, Firefox и Safari на Windows, macOS и Linux без программ и расширений.
Как открыть SVG на Android или iPhone?
Откройте страницу в мобильном браузере и нажмите «Открыть файл». Масштаб меняется жестом щипка, рисунок сдвигается пальцем.
Безопасно ли открывать SVG из неизвестного источника?
SVG может содержать скрипты. Здесь они удаляются вместе с обработчиками событий и внешними ссылками еще до показа, а очищенную копию можно скачать.
Почему не видны картинки или шрифты внутри SVG?
Ссылки на другие серверы и на соседние файлы блокируются ради конфиденциальности и безопасности. Встройте изображения и шрифты в файл как data: URL.
Как сделать из SVG картинку PNG?
Нажмите «→ PNG»: файл откроется в конвертере SVG в PNG, где выбираются масштаб, фон и формат.