Drop SVG files here, or click to choose
Поддерживается SVG, SVGZ · Можно также вставить через Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
Открывайте файлы SVG или вставленный код и рассматривайте их безопасно: масштаб, сдвиг, смена фона и чтение отрисованного размера, ширины, высоты, viewBox и числа элементов. Правьте исходник с живым предпросмотром; скрипты в файле никогда не выполняются.
Перетащите файлы SVG или SVGZ на страницу либо вставьте код в поле и нажмите «Добавить SVG». Ctrl+V в любом месте страницы тоже работает.
Переключайте фон между шахматкой, белым и чёрным и масштабируйте кнопками, Ctrl/⌘ + прокрутка или клавишами + − 0 1; перетаскивайте для сдвига и дважды щёлкните, чтобы вписать.
Прочитайте панель «Подробности»: отрисованный размер, ширина, высота, viewBox, размер файла и элементы. Наведите на рисунок, чтобы увидеть координаты в единицах SVG.
Правьте код в «Исходнике». Предпросмотр обновляется по мере ввода, а синтаксические ошибки называют строку и столбец.
В «Экспорте» нажмите «Скачать SVG» или «Копировать data URI».
Да. SVG показывается только как изображение, поэтому скрипты и обработчики событий в нём не выполняются, а файлы, на которые он ссылается в вебе (изображения, шрифты, таблицы стилей), не загружаются. Ничего не отправляется на сервер.
Вероятно, нет объявления xmlns. Предпросмотр добавляет его автоматически и показывает примечание; нажмите «Добавить в код», чтобы исправить исходник, затем скачайте его.
У SVG нет ни ширины и высоты, ни viewBox, поэтому действует значение браузера по умолчанию. Когда нет только ширины и высоты, размер берётся из viewBox.
Строку data:image/svg+xml в URL-кодировке, которую можно вставить в CSS background-image или src тега img. Для версии Base64 или файла поменьше прогоните его через оптимизатор SVG.
Да. Файлы SVGZ, сжатые Gzip, распаковываются в браузере, а «Скачать SVG» сохраняет код как обычный файл .svg.
