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»? Оставьте комментарий, оцените инструмент или ответьте другим.
Комментариев пока нет. Станьте первым, кто поделится отзывом!