Base64 в изображение
Вставьте текст Base64 или data URL и получите изображение обратно.
Работает в браузере. То, что вы вводите, никуда не отправляется.
- Определяет тип файла
- Работает с префиксом и без
- Ничего не загружается
Как конвертировать Base64 в изображение
- Вставьте URL вида data:image/... или обычный текст Base64.
- Нажмите «Декодировать изображение».
- Посмотрите превью и скачайте файл.
Откуда берётся текст изображения в Base64
- Data URL, скопированный из кода CSS или HTML веб-страницы.
- Поле в ответе API или в выгрузке базы данных, где фото часто хранится как текст, а не как файл.
- Скриншот или логотип, встроенный в HTML письма.
- Инструмент конвертации изображения в Base64, включая тот, что есть на этом сайте.
Как определяется тип файла
Если текст начинается с префикса data:image/..., тип считывается прямо из него. Текст без префикса сначала декодируется, а затем первые байты результата сравниваются с сигнатурой каждого формата.
| Формат | Как определяется |
|---|---|
| PNG | Байты 89 50 4E в начале |
| JPG | Байты FF D8 FF в начале |
| GIF | Байты 47 49 46 |
| BMP | Байты 42 4D |
| WEBP | Заголовок RIFF с меткой WEBP |
| ICO | Байты 00 00 01 00 |
| SVG | Текст, начинающийся с svg или xml |
Как исправить ошибку декодирования
- Переносы строк и пробелы удаляются автоматически, поэтому текст, скопированный из редактора кода, всё равно работает.
- Обрезанную строку, у которой часть текста потерялась при копировании, декодировать не получится: появится ошибка.
- Лишние символы вне алфавита Base64 или отсутствующий завершающий знак = тоже вызывают ошибку.
Частые вопросы о Base64 в изображение
Где взять текст Base64?
Обычно он берётся из data URL в HTML или CSS, из ответа API, поля базы данных или инструмента конвертации изображения в Base64.
Работает ли это без префикса data:image/...?
Да. Вставьте просто сами символы Base64, и инструмент определит тип изображения по декодированным байтам.
Какие типы изображений определяются?
PNG, JPG, GIF, WEBP, BMP и ICO определяются по заголовку самого файла, а SVG распознаётся, когда декодированный текст начинается с тега svg или xml.
Мои данные куда-то загружаются?
Нет. Декодирование происходит полностью в браузере, поэтому ничего никуда не отправляется.
Почему появляется ошибка «недопустимые данные изображения Base64»?
Во вставленном тексте не хватает символов, часть его обрезалась при копировании, или в нём встречаются символы вне алфавита Base64 (от A до Z, от a до z, от 0 до 9, плюс, слэш и завершающий символ =). Скопируйте строку заново, целиком.
Нужно ли убирать переносы строк перед вставкой?
Нет. Переносы строк и пробелы удаляются автоматически перед декодированием, поэтому текст, скопированный из отформатированного кода, тоже работает.
Можно декодировать SVG из Base64?
Да. Если декодированный текст начинается с тега svg или xml, он обрабатывается как SVG и показывается в превью, как любое другое изображение.
Есть ли ограничение на размер текста Base64, который можно вставить?
Жёсткого лимита нет. Очень длинные строки просто декодируются в браузере на чуть больше времени.