Как пользоваться
- Выберите изображение, перетащите его сюда или вставьте с помощью Ctrl+V.
- Выберите формат вывода — Data URI, «Только Base64», CSS background, HTML <img> или Markdown.
- Скопируйте результат.
- Для обратного преобразования вставьте data URI или строку Base64 в поле «Base64 в изображение».
Описание параметров
- Data URI
- Полная строка data:image/png;base64,…, которую можно использовать везде, где принимается URL.
- Только Base64
- Только закодированные данные без префикса data:…; — для API и полей JSON, которые ожидают «чистый» Base64.
Примеры
| Формат вывода | Результат |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Часто задаваемые вопросы
Насколько Base64 увеличивает размер изображения?
Примерно на треть. Base64 кодирует каждые три байта четырьмя символами, поэтому изображение размером 30 КБ превращается примерно в 40 КБ текста.
Когда стоит встраивать изображение в Base64?
Для небольших иконок и картинок до нескольких килобайт — встраивание экономит сетевой запрос. Крупные изображения лучше держать отдельными файлами: они кешируются и не раздувают HTML или CSS.
Какие форматы поддерживаются?
Любые изображения, которые умеет открывать ваш браузер, включая PNG, JPEG, GIF, WebP, SVG, AVIF и ICO. При декодировании формат определяется по самим данным, если MIME-тип не указан.
Загружаются ли мои изображения на сервер?
Нет. Кодирование и декодирование выполняются в вашем браузере.
Конфиденциальность
Этот инструмент работает полностью в браузере. Ваши файлы и текст обрабатываются на вашем устройстве и никогда не загружаются на наши серверы.