Инструменты для разработчиков

Бесплатный онлайн SVG просмотрщик и редактор

Открывайте и редактируйте SVG онлайн: просматривайте код с live-предпросмотром, форматируйте, оптимизируйте и масштабируйте файлы локально в браузере.

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

Перетащите SVG файл сюда

или нажмите для обзора

Код

sample.svg • 673

Предпросмотр

100%

100%
sample.svg

Почему стоит использовать SVG Просмотрщик онлайн?

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

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

SVG (Scalable Vector Graphics) — основанный на XML формат векторной графики для двумерных изображений с поддержкой интерактивности и анимации. Инструмент показывает SVG-код рядом с отрисованным предпросмотром: можно править код, проверять результат и уменьшать размер файла, не выходя из браузера, — удобно для отладки иконок и доработки векторных иллюстраций.

Основные функции SVG Просмотрщика

Предпросмотр во время правки

Каждое изменение в редакторе кода сразу отрисовывается в панели предпросмотра. Масштаб меняется от 10 до 500 %, а увеличенный предпросмотр можно прокручивать, чтобы проверить контуры, фигуры и стили.

Обработка в браузере

SVG читается, отрисовывается и форматируется JavaScript-кодом в вашем браузере. Открытые файлы и вставленный код не загружаются ни на какой сервер.

Форматирование, минификация, скачивание

«Форматировать SVG» заново расставляет отступы в 4 пробела, а «Минифицировать SVG» удаляет комментарии и пробелы между тегами. Результат можно скопировать или скачать файлом .svg.

Как использовать SVG-просмотрщик и редактор

  1. 1

    Загрузите SVG

    Откройте файл .svg, перетащите его в редактор или вставьте SVG-код прямо в редактор.

  2. 2

    Просмотр в реальном времени

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

  3. 3

    Форматирование или минификация кода

    Нажмите «Форматировать SVG», чтобы расставить отступы в 4 пробела, или «Минифицировать SVG», чтобы удалить комментарии и пробелы и уменьшить размер файла.

  4. 4

    Скопировать или скачать

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

Ссылки

  • W3C — SVG 2

    Официальная спецификация W3C, определяющая формат SVG, его элементы и атрибуты.

  • MDN — SVG

    Справочник MDN по элементам SVG, атрибутам и рендерингу векторной графики в браузере.

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

Изображение в Base64

Кодируйте SVG или растровое изображение в data URI Base64 для встраивания inline.

Конвертер PNG

Конвертирует изображения JPG, WebP, BMP, GIF и ICO в PNG.

XML-просмотрщик

Инспектируйте и форматируйте XML-структуру, лежащую в основе каждого SVG-документа.

Конвертер цветов

Конвертируйте значения цветов HEX, RGB и HSL, используемые в заливках и обводках SVG.

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

Этот SVG-просмотрщик бесплатный?
Да, инструмент полностью бесплатен для личного и коммерческого использования.
Вы сохраняете мои SVG-файлы?
Нет. Вся обработка происходит локально в вашем браузере, файлы не загружаются ни на какой сервер.
Как посмотреть SVG онлайн бесплатно?
Просто вставьте SVG-код в редактор или загрузите файл — предпросмотр обновится немедленно без регистрации и установки программ.
Можно ли редактировать SVG-код и видеть изменения в реальном времени?
Да. Любые правки в редакторе сразу отражаются в панели предпросмотра — вы можете изменять пути, цвета и размеры и мгновенно видеть результат.
Как конвертировать SVG в PNG онлайн?
Этот инструмент не экспортирует PNG, а конвертеры изображений на сайте не принимают SVG-файлы. Чтобы растрировать SVG, воспользуйтесь консольным рендерером, например rsvg-convert (rsvg-convert -w 512 -o icon.png icon.svg) или Inkscape (inkscape icon.svg --export-type=png).
Как открыть SVG-файл онлайн?
Загрузите файл .svg через кнопку загрузки или перетащите его в область редактора. Предпросмотр откроется автоматически.
Можно ли загрузить SVG по URL?
Напрямую нет — поля для URL здесь нет. Откройте ссылку в браузере, сохраните файл .svg (или скопируйте разметку из исходного кода), а затем откройте файл здесь или вставьте код в редактор.