Изображение в Base64

Изображение в Base64, это бесплатный инструмент для преобразования файла изображения в текстовую строку, закодированную в Base64.

Что такое Base64 и для чего он нужен?

Base64 преобразует двоичные данные загруженного изображения в текст, чтобы их можно было передавать через системы, рассчитанные преимущественно на текстовый формат. Каждые три байта исходных данных представляются четырьмя печатными символами из заданного алфавита.

Это удобно, если формат не позволяет передать отдельный двоичный файл. Изображение можно поместить в URL данных, свойство JSON или MIME-часть электронного письма, не прикрепляя исходные байты в обычном двоичном виде. Полученная строка Base64 закодирована, но не зашифрована. Любой, у кого есть эта строка, может её декодировать, поэтому Base64 не обеспечивает конфиденциальность и не ограничивает доступ.

Принцип работы проще всего показать на коротком примере с текстовыми байтами.

• Входной текст: <svg></svg>
• Результат в Base64: PHN2Zz48L3N2Zz4=

Большинство изображений содержат двоичные байты, а не читаемую разметку, поэтому их исходные данные не будут похожи на текст из примера. Однако принцип одинаков для PNG, JPEG, GIF, WebP и других форматов изображений.

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

Загрузите изображение в инструмент, запустите преобразование и скопируйте значение из поля Закодировано в Base64. Инструмент применяет к данным изображения функцию PHP base64_encode.

1. Выберите изображение, которое нужно представить в текстовом виде.
2. Подождите, пока страница обработает файл и вернёт закодированное значение.
3. Скопируйте строку целиком, включая знаки равенства в конце.
4. Добавьте необходимый синтаксис, если целевая система ожидает URL данных, значение JSON или другой контейнер.

Обработка выполняется на сервере. Изображение передаётся на сервер по HTTPS и не сохраняется. Поскольку преобразование происходит на стороне сервера, не следует считать, что во время обработки файл остаётся только на вашем устройстве.

Как использовать полученную строку Base64?

Используйте строку как Base64 без дополнительного синтаксиса либо поместите её в конструкцию, которую требует принимающая система. Сам по себе Base64 не содержит сведений о формате изображения, имени файла, размерах или назначении.

В URL данных для HTML или CSS перед закодированным значением обычно указываются медиатип и маркер Base64. URL данных для PNG начинается с data:image/png;base64,, после чего без пробела идёт сама строка. Для JPEG используется image/jpeg, а для SVG обычно применяется image/svg+xml. Если указать неверный медиатип, программа может не отобразить даже корректное изображение.

В JSON значение Base64 обычно хранится как строка в кавычках, нередко рядом с отдельным полем, где указан медиатип. Не добавляйте префикс URL данных, если API запрашивает именно Base64 без дополнительного синтаксиса. Перед использованием результата прочитайте документацию API, поскольку эти два вида входных данных не взаимозаменяемы.

Где Base64 используется на практике?

Base64 часто встречается в ситуациях, когда двоичные данные нужно передать через текстовый формат или протокол. Типичные примеры:

• URL данных: встраиваются в HTML, CSS или автоматически созданные документы.
• Данные JSON: отправляются в API, которые принимают содержимое изображения в текстовом свойстве.
• Электронные письма: MIME позволяет кодировать вложения и встроенные изображения в Base64.
• Строки запроса: стандартные символы Base64 может потребоваться дополнительно закодировать для URL.
• Файлы конфигурации и документы XML: в них нельзя напрямую поместить произвольные двоичные байты.

Интернационализированные доменные имена тоже служат примером преобразования данных в ограниченный набор символов, но для них применяется Punycode, а не Base64. Для значений, помещаемых в URL, также может понадобиться URL кодировщик, поскольку стандартный Base64 может содержать знаки плюса, косые черты и знаки равенства.

Почему Base64 не декодируется или превращается в нечитаемый текст?

Декодирование может завершиться ошибкой, если вместе со строкой скопирован префикс, данные повреждены или обрезаны либо формат Base64 не соответствует ожиданиям декодера. Нечитаемый текст часто означает, что корректные двоичные данные изображения были декодированы, а затем ошибочно показаны как обычный текст.

• Скопированный префикс: может вызвать ошибку, если декодер ожидает только Base64. Перед использованием декодера Base64 без дополнительного синтаксиса удалите текст наподобие data:image/png;base64,.
• Повреждённые или обрезанные данные: могут декодироваться в неполное изображение, которое не откроется в программе просмотра.
• Двойное кодирование: после первого декодирования получается ещё одна строка Base64. Если источник закодировал уже закодированное значение, может потребоваться повторное декодирование.
• Неверный алфавит: может вызвать ошибку, если декодер рассчитан на другой вариант. В Base64url вместо знаков плюса и косых черт из стандартного Base64 используются дефисы и знаки подчёркивания.
• Отсутствие заполнения: может повлиять на строгие декодеры. Стандартная строка Base64 может оканчиваться одним или двумя знаками равенства, хотя некоторые системы намеренно их опускают.

Если результат декодирования представляет собой двоичные данные, сохраните его в правильном формате изображения, а не открывайте в текстовом редакторе. Выполнить обратное преобразование помогут инструменты Декодер Base64 и Base64 в изображение, если строка полная и записана в ожидаемом формате.

Выбор формата и нестандартные входные данные

Стандартный Base64 подходит для электронной почты, URL данных и систем, которые явно запрашивают этот формат. Для путей URL, параметров запроса и токенов используйте вариант, предусмотренный принимающей системой. Если того требует спецификация, может подойти Base64url. Этот инструмент выполняет стандартную операцию PHP base64_encode, поэтому не следует считать полученный результат строкой Base64url.

Инструмент кодирует байты загруженного изображения. Пробелы, знаки препинания, цифры, символы с диакритическими знаками и текст с нелатинскими буквами внутри SVG или метаданных изображения кодируются как часть этих байтов. Имя файла с такими символами существует отдельно от его содержимого и само по себе не представляется в Base64.

В PHP функция base64_encode возвращает пустое значение для пустой последовательности байтов. Из длинных файлов получаются длинные строки, а Base64 увеличивает исходное количество байтов примерно на треть, без учёта дополнительного синтаксиса JSON или URL данных. Base64 не сжимает изображение, не повышает его качество и не меняет размеры в пикселях.

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

Можно ли вставить изображение Base64 прямо в CSS?

Да, в свойствах CSS, принимающих URL изображения, можно использовать правильно сформированный URL данных. Это удобно для небольших автономных ресурсов, но крупные встроенные изображения увеличивают размер таблицы стилей и не могут кешироваться отдельно от файла CSS.

Почему в строке Base64 появляются переносы строк?

Этот инструмент возвращает непрерывное значение, поскольку функция PHP base64_encode не вставляет переносы строк. Переносы появляются при последующем копировании или обработке в другом месте. Многие декодеры игнорируют пробельные символы, но строгие API могут отклонить такую строку, поэтому используйте непрерывную строку, если этого требует спецификация принимающей системы.

Изменится ли Base64, если переименовать изображение?

Base64 представляет байты файла, а не его имя. Поэтому переименование неизменённого файла не влияет на результат кодирования. Но редактирование метаданных, повторное сохранение изображения или преобразование в другой формат меняет байты и создаёт другую строку.

Можно ли защитить личное изображение с помощью Base64?

Нет, Base64 можно обратить без пароля или секретного ключа. Для конфиденциальных материалов используйте подходящее шифрование, аутентификацию и контроль доступа. Также помните, что для обработки этот инструмент отправляет изображение на свой сервер по HTTPS.

Как проверить, что преобразование выполнено правильно?

Декодируйте полную строку и откройте результат в программе просмотра изображений, которая поддерживает исходный формат. Убедитесь, что размеры и видимое содержимое совпадают с оригиналом. Не удаляйте завершающие символы заполнения, если только целевая система явно этого не требует.