Відкрийте файл SVG, вставте код SVG або відкрийте приклад, щоб побачити його тут.
Відкрийте SVG, щоб переглянути його елементи.
Цей SVG Viewer безпечно показує файли SVG: можна масштабувати малюнок, перевірити розмір і viewBox та переглянути кожен елемент. Відкрийте файл .svg або вставте код SVG — на сервер нічого не надсилається.
Оновлено:
Як це працює
Відкрийте або вставте SVG
Перетягніть файл .svg чи .svgz на панель коду, натисніть «Відкрити файл», вставте розмітку або відкрийте приклад.
Масштабуйте й досліджуйте
Прокручуйте або зводьте пальці, щоб змінити масштаб, перетягуйте малюнок, а кнопка «Вмістити» покаже його повністю. Виберіть елемент у дереві чи на полотні, щоб побачити його атрибути.
Редагуйте, очистьте або конвертуйте
Змінюйте код і стежте за переглядом, оптимізуйте файл через SVGO, завантажте чистий SVG або передайте його в конвертер PNG.
Можливості
Безпечний перегляд
Скрипти, обробники подій, foreignObject, посилання javascript: і зовнішні звернення прибираються ще до показу, тож шкідливий SVG не зможе виконати код.
Чіткий за будь-якого масштабу
Малюнок щоразу перемальовується як вектор — від 1% до 6400%.
Фон і сітка
Прозорість зручно перевіряти на шаховому тлі; також є білий, чорний або будь-який власний колір. Сітка допомагає вирівнювати значки.
Розмір і viewBox одразу на виду
У рядку стану показано ширину, висоту, viewBox, розмір файлу, кількість елементів і контурів.
Інспектор елементів
Переглядайте дерево елементів, підсвічуйте фігури на полотні й читайте їхні атрибути.
Живий код
Код підсвічується й редагується, а перегляд одразу відображає зміни. Очищення SVGO виконується у фоновому потоці (Web Worker).
Обмеження та конфіденційність
Вбудований перегляд, редагування коду й інспектор елементів працюють для файлів до 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, де можна вибрати масштаб, фон і формат.