Plums

Перегляд SVG і Base64

Переглядайте SVG-файли у браузері та конвертуйте їх у Base64 або data URI для CSS, HTML і додатків.

Виберіть файл або вставте SVG для перегляду тут

Уся обробка у вашому браузері — файли ніколи не покидають пристрій.

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

Переглядайте іконки та ілюстрації перед вбудовуванням, потім копіюйте Base64 або data URI, не покидаючи браузер.

  1. Виберіть SVG-файл, перетягніть його (на десктопі) або вставте вихідний код SVG.
  2. Перевірте відображення на фоні шахівниці, білому або темному та налаштуйте масштаб.
  3. Скопіюйте сирий Base64, data URI Base64 або URL-encoded data URI для вашого проєкту.
Ваш SVG ніколи не покидає цей пристрій. Кодування та перегляд повністю у браузері.

Часті запитання

Як працює перегляд SVG?

SVG завантажується як безпечний blob URL і показується в елементі image — без завантаження на сервер і без ін'єкції сирого HTML.

Який формат Base64 використовувати?

Використовуйте сирий Base64, коли API очікує лише закодований рядок. Використовуйте data:image/svg+xml;base64,... у img src або CSS url(). URL-encoded data URI добре підходять для маленьких іконок у HTML.

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

Ні. Перегляд і кодування локально у браузері.

Який ліміт розміру файлу?

Окремі SVG-файли до 5 МБ. Для пакетного стиснення використовуйте наш Оптимізатор SVG.

Схожі запити

Можливо, ви шукаєте:

  • перегляд svg онлайн безкоштовно
  • конвертер svg у base64
  • генератор data uri svg
  • кодувати svg у base64
  • переглядач svg у браузері
  • переглянути svg перед вбудовуванням
  • кодер base64 svg онлайн
  • конвертувати svg у data uri