Просмотр SVG-файла

Откройте SVG в браузере и поймайте битый экспорт из Figma или Illustrator: обрезанный viewBox и невстроенные шрифты видно сразу.

Вставьте или загрузите SVG

Превью появится здесь

Как посмотреть SVG-файл в браузере

Просмотр SVG онлайн

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

Это удобно для быстрой проверки иконок, логотипов и других векторных изображений.

Что можно проверить

Просмотрщик помогает:

Чем просмотр отличается от редактора

Просмотрщик ничего не меняет в файле - он отрисовывает разметку так же, как это сделал бы браузер. Если после экспорта из Figma или Illustrator картинка выглядит не так, дело обычно в невстроенных шрифтах или обрезанном viewBox, и это видно сразу.

Когда файл нужно облегчить, откройте оптимизацию SVG, а чтобы получить растр - конвертер SVG в PNG, JPG или WebP.

Как просмотреть SVG-файл

  1. Вставьте код или загрузите SVG

    Впишите разметку в поле или перетащите .svg-файл в зону загрузки.

  2. Выберите фон

    Шахматка показывает прозрачные области, а белый и темный фон помогают оценить контраст светлых и темных элементов.

  3. Оцените результат

    В области превью появится изображение, а под ним - его размеры из viewBox.

Вопросы и ответы

Нет, достаточно открыть страницу в браузере

Перед публикацией на сайт, после экспорта из Figma или Illustrator, перед оптимизацией - чтобы убедиться, что файл выглядит правильно без открытия редактора

Да, CSS- и SMIL-анимации воспроизводятся в превью как в браузере

Если они не встроены в SVG - вид может отличаться от макета