Превью появится здесь
Как посмотреть SVG-файл в браузере
Просмотр SVG онлайн
Инструмент открывает SVG-файл и показывает, как он будет выглядеть после публикации.
Это удобно для быстрой проверки иконок, логотипов и других векторных изображений.
Что можно проверить
Просмотрщик помогает:
- убедиться, что файл вообще открывается и не поврежден
- увидеть реальную прозрачность на шахматном фоне
- прочитать размеры из viewBox
- оценить, как вектор ведет себя при масштабировании
Чем просмотр отличается от редактора
Просмотрщик ничего не меняет в файле - он отрисовывает разметку так же, как это сделал бы браузер. Если после экспорта из Figma или Illustrator картинка выглядит не так, дело обычно в невстроенных шрифтах или обрезанном viewBox, и это видно сразу.
Когда файл нужно облегчить, откройте оптимизацию SVG, а чтобы получить растр - конвертер SVG в PNG, JPG или WebP.
Как просмотреть SVG-файл
-
Вставьте код или загрузите SVG
Впишите разметку в поле или перетащите .svg-файл в зону загрузки.
-
Выберите фон
Шахматка показывает прозрачные области, а белый и темный фон помогают оценить контраст светлых и темных элементов.
-
Оцените результат
В области превью появится изображение, а под ним - его размеры из viewBox.
Вопросы и ответы
Нет, достаточно открыть страницу в браузере
Перед публикацией на сайт, после экспорта из Figma или Illustrator, перед оптимизацией - чтобы убедиться, что файл выглядит правильно без открытия редактора
Да, CSS- и SMIL-анимации воспроизводятся в превью как в браузере
Если они не встроены в SVG - вид может отличаться от макета