SVG у Base64
Скористайтеся цим безкоштовним конвертером SVG у Base64, щоб перетворити будь-яке зображення Scalable Vector Graphics на рядок Base64 або готовий фрагмент коду. Виберіть локальний файл .svg (або вставте посилання на віддалений), укажіть формат результату й натисніть Кодувати SVG у Base64.
Як конвертувати SVG у Base64 онлайн
- Виберіть Локальний файл і вкажіть файл .svg або виберіть Віддалений URL і вставте посилання.
- Виберіть формат результату: звичайний Base64, data URI, тег HTML, CSS, JavaScript, JSON або XML.
- Натисніть Кодувати SVG у Base64. Результат з’явиться миттєво разом із попереднім переглядом.
- Скопіюйте результат у буфер обміну або завантажте як файл .txt.
Про SVG (Scalable Vector Graphics)
SVG — векторний формат на основі XML: фігури описуються текстом, а не пікселями, тож зображення залишається чітким за будь-якого розміру. Ідеально підходить для іконок, логотипів та ілюстрацій.
Оскільки SVG — це вже текст, його можна вбудувати й у URL-кодованому вигляді замість Base64, що часто менше за розміром. Проте Base64 залишається найбезпечнішим вибором, коли розмітка містить лапки чи символи, які зламали б ваш CSS або HTML.
| Розробник | 2001, W3C |
|---|---|
| Тип | Векторний (текст XML) |
| Прозорість | Так |
| Анімація | Так (SMIL / CSS) |
| Починається з | <svg або <?xml |
Формати результату
Виберіть, у якому вигляді подати результат. Конвертер може повернути:
- txt: лише рядок Base64, готовий до вставлення в код, поле бази даних або запит API.
- uri: повний URI
data:, який можна вставити в адресний рядок браузера або використати будь-де, де приймається URL. - html img: тег
<img>з data URI вsrc. - css background image: правило CSS із
background-image: url(data:...). - html favicon: тег
<link rel="icon">для вбудованого favicon. - html hyperlink: посилання
<a>, що завантажує або відкриває вбудований файл. - html iframe:
<iframe>, що показує вміст безпосередньо на сторінці. - javascript image: JavaScript, що створює об’єкт
Image. - javascript popup: JavaScript, що відкриває вміст у новому вікні.
- json: об’єкт JSON з іменем файлу, MIME-типом і даними.
- xml: елемент XML з даними в секції CDATA.
Чи це безпечно і яким буде розмір результату?
Ваш файл ніколи не вивантажується: браузер читає й конвертує його локально через File API, тож навіть конфіденційні документи залишаються на вашому пристрої.
Base64 подає кожні 3 байти 4 символами, тож закодований результат приблизно на 33% більший за оригінальний файл (плюс кілька байтів на доповнення та префікс data URI).
Часті запитання
Як конвертувати SVG у Base64?
Виберіть свій файл .svg вище й натисніть «Кодувати SVG у Base64». Конвертер читає файл у вашому браузері й видає рядок Base64 або готовий data URI.
З чого починається SVG, закодований у Base64?
Файл SVG, закодований у Base64, зазвичай починається з "PHN2Zy / PD94bWwg". Як data URI він починається з "data:image/svg+xml;base64,".
Чи є обмеження розміру файлу?
Жорсткого обмеження немає, бо перетворення відбувається локально, але дуже великі файли дають дуже довгі рядки. Файли приблизно до 50 МБ комфортно обробляються в сучасних браузерах.
Як конвертувати Base64 назад у SVG?
Скористайтеся декодером Base64 у SVG: вставте рядок, і ви зможете переглянути й завантажити початковий файл .svg.
Коментарі (0)
Маєте запитання, ідеї чи знайшли помилку в «SVG у Base64»? Залиште коментар, оцініть інструмент або дайте відповідь іншим.
Коментарів ще немає. Залиште свій відгук першими!