Преглед на 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 markup и веднага прегледайте изобразения резултат.

Прегледът изключва скриптове и външни препратки, като все пак ви позволява да проверите 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 файлове автоматично изключват live preview и изискват ръчно изобразяване.