Переглядач SVG Інструменти для зображень
Локальна обробка
Українська
English 日本語 ລາວ Монгол Oʻzbekcha Тоҷикӣ Кыргызча Қазақша Azərbaycan Հայերեն ქართული العربية Български বাংলা čeština Dansk Deutsch Ελληνικά Español Eesti Suomi Français हिन्दी ગુજરાતી ಕನ್ನಡ मराठी മലയാളം Srpski Slovenčina Slovenščina Kiswahili Hrvatski Magyar Indonesia Italiano 한국어 Lietuvių Latviešu Nederlands Norsk Svenska Polski Português Română Русский Українська Беларуская Shqip اردو தமிழ் తెలుగు Türkçe ภาษาไทย Tiếng Việt 简体中文 繁體中文 עברית ខ្មែរ Melayu မြန်မာ ਪੰਜਾਬੀ සිංහල Tagalog فارسی is

Переглядач SVG

Вставляйте сирий SVG-код і одразу переглядайте результат рендерингу.

Попередній перегляд вимикає скрипти й зовнішні посилання, але все одно дає змогу перевірити viewBox і деталі розміру.

Попередній перегляд SVG: вставте сирий код і миттєво перевірте результат

Перевірка viewBox і розміру: перегляньте прозорість та потенційно небезпечний вміст

Ваш SVG ніколи не надсилається на сервер. Обробка повністю залишається в браузері.
Небезпечні елементи та зовнішні URL-посилання вимикаються в попередньому перегляді.

Як користуватися

  1. Вставте SVG-код або завантажте файл .svg.
  2. Змініть тло і рівень масштабування, щоб перевірити рендеринг.
  3. Перегляньте viewBox, деталі розміру та попередження, а потім збережіть SVG за потреби.

Зразок

Проста SVG-іконка

Вхід

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

Вихід

Блакитна кругла іконка відображається, а viewBox показано як `0 0 120 120` на панелі інформації.

Поширені запитання

Чи завантажується мій SVG кудись?

Ні. Вставлений SVG і завантажені файли залишаються у вашому браузері і не надсилаються на сервер.

Що відбувається зі SVG, що містять script або foreignObject?

Безпечний попередній перегляд видаляє ці елементи перед рендерингом і показує попередження в панелі інформації.

Чи SVG із зовнішніми зображеннями або шрифтами відображаються так само?

Не завжди. Зовнішні посилання вимикаються, тож вигляд може відрізнятися від оригінального середовища. Цей інструмент надає перевагу безпечному локальному перегляду.

Чому мій SVG не відображається?

Поширені причини: недійсний XML, неправильні значення атрибутів або кореневий елемент, який не є `svg`. Перевірте повідомлення про помилку, показане інструментом.

Навіщо змінювати тло?

Прозорі області та іконки світлих кольорів можуть дуже по-різному виглядати залежно від тла, тому інструмент дає змогу швидко перевірити шахівницю, біле та темне тло.

Нотатки

  • З міркувань безпеки зовнішні URL-посилання та небезпечні елементи вимикаються перед рендерингом.
  • SVG, що залежать від зовнішніх шрифтів або зображень, можуть виглядати не так, як в оригінальному середовищі.
  • Дуже великі SVG-файли автоматично виходять із режиму живого попереднього перегляду і просять виконати ручний рендер.