SVG в Base64
Кодируйте изображения SVG как URI данных Base64 — мгновенно, в своем браузере.
Drag & drop your SVG file here, or click to choose. Everything runs in your browser — nothing is uploaded.
Этот бесплатный кодировщик SVG в Base64 преобразует ваше изображение в URI данных, который вы можете вставить прямо в HTML, CSS, JSON или шаблон электронной почты — без хостинга и дополнительных HTTP-запросов. Байты считываются и кодируются локально, поэтому файл никогда не загружается, и вы можете скопировать результат в виде необработанной строки Base64, URI данных, фонового правила CSS или полного тега img.
Часто задаваемые вопросы
Как мне преобразовать SVG в Base64?
Перетащите файл в поле выше, и сразу же появится закодированный результат вместе с предварительным просмотром. Выберите нужный вам стиль вывода — простой Base64, URI данных, правило CSS-фонового изображения или тег HTML img — затем скопируйте его или загрузите в виде текстового файла.
Загружены ли мои файлы на сервер?
Нет. Файл декодируется и перекодируется непосредственно в вашем браузере с помощью JavaScript и WebAssembly и никогда не покидает ваше устройство. Именно это делает его безопасным для личных фотографий, работы клиентов и всего конфиденциального, и именно поэтому инструмент продолжает работать с отключенной сетью после загрузки страницы.
Почему версия Base64 больше моего изображения?
Base64 представляет каждые 3 байта с использованием 4 символов, поэтому закодированный текст всегда примерно на 33 % больше, чем исходный файл, плюс префикс URI данных. Эта сделка того стоит для небольших активов, таких как значки и логотипы, где вы экономите всю сеть, но для больших фотографий это плохая сделка.
Когда мне следует вставлять изображение в качестве URI данных?
Для небольших, всегда необходимых ресурсов — значков, логотипов, крошечных фоновых текстур — где удаление HTTP-запроса имеет большее значение, чем лишние байты. Избегайте этого для больших изображений: их нельзя кэшировать отдельно, они блокируют анализ CSS или HTML и раздувают каждую страницу, которая их содержит.
Работает ли это с прозрачностью?
Да. Исходные байты файла кодируются дословно, а не перерисовываются, поэтому прозрачность, цветовой профиль и любые встроенные метаданные сохраняются в том же виде, в каком они были.
Работает ли это на Windows, Mac, iPhone и Android?
Да. Он работает в любом современном браузере на Windows, Mac, Linux, iPhone и Android, не требует установки и учетной записи. Поддерживаются Chrome, Edge, Firefox и Safari.