Конвертировать изображение в Base64

Как конвертировать изображение в Base64

1. 1

   Перетащите изображение или вставьте строку Base64

   Добавьте до двадцати изображений для кодирования или поменяйте направление и вставьте уже готовую строку. Подойдет и файл .txt, в котором лежит эта строка.

2. 2

   Выберите направление

   При кодировании вы получаете data URI или чистый Base64-поток. При декодировании — скачиваемый файл изображения с правильным расширением.

3. 3

   Скопируйте строку или скачайте файл

   Скопируйте результат прямо в таблицу стилей или сохраните декодированное изображение. Пакет изображений скачивается как ZIP с отдельным текстовым файлом для каждого и общим JSON.

Как работает Base64

Base64 ничего не сжимает и не конвертирует. Он записывает те же байты 64 символами, которые без потерь переживают вставку в текст. Три байта превращаются в четыре символа, поэтому результат всегда примерно на треть больше исходного файла. Смысл не в размере, а в размещении: data URI можно прописать прямо в таблицу стилей, атрибут HTML или поле JSON. Это те места, где ссылка на отдельный файл была бы неудобна или невозможна.

Data URI или чистый Base64-поток

Data URI — это полная строка, которая начинается с data:image/png;base64. Именно ее браузер ожидает увидеть в CSS-фоне или в атрибуте img src. Чистый поток — все, что идет после запятой. Его обычно ждут поля API или столбцы в базе данных, потому что тип там хранится отдельно. И то и другое получается из одних и тех же байтов, поэтому между форматами можно переключаться без повторного перекодирования.

Тип берется из байтов

MIME-тип, который попадает в data URI, определяется по первым двенадцати байтам файла, а не по его имени. Поэтому PNG, который кто-то переименовал в .jpg, все равно выходит как data:image/png. Это важно: браузер откажется показывать data URI, у которого указанный тип не совпадает с содержимым. Сломанной в таком случае выглядит страница, а не сам файл. SVG — исключение, это текстовый формат. Он определяется по открывающему тегу, а не по бинарной сигнатуре.

Декодирование обратно в файл

Вставляйте любой вариант: полный data URI, голый поток или строку с переводами строк. Пробелы и разрывы удаляются, алфавит проверяется до декодирования. Поэтому обрезанная при вставке строка сразу даст ошибку, а не битый файл. Получившиеся байты сверяются с той же таблицей сигнатур, чтобы подобрать расширение. Если байты не похожи ни на один известный формат, откроется список форматов, где можно указать нужный.

Частые вопросы