Картинка в Base64

Что такое кодирование изображения в Base64?

Кодирование изображения в Base64 — это процесс преобразования файла изображения (например, PNG или JPEG) в строку ASCII-символов с использованием схемы кодирования Base64. Это позволяет представлять двоичные данные изображения как обычный текст.

Зачем конвертировать изображения в Base64?

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

• Уменьшает количество HTTP-запросов за счёт встраивания изображений в HTML/CSS
• Полезно для передачи изображений через API, электронную почту или хранения в базах данных
• Помогает избежать разорванных ссылок на изображения в автономных приложениях

Как это работает?

Файл изображения считывается как двоичные данные, а затем кодируется в строку Base64 с помощью алгоритма Base64. Эта строка начинается с префикса MIME-типа (например, image/png;base64,), за которым следует закодированное содержимое.

Пример закодированного изображения в Base64

Распространённые случаи использования

• Вставка небольших иконок или логотипов в HTML или CSS
• Отправка аватарок в JSON-сообщениях (например, регистрация пользователя)
• Хранение изображений в локальном хранилище или куках (для небольших файлов)

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

Есть несколько способов преобразовать изображение в Base64:

• С помощью JavaScript (в браузере):

  const reader = new FileReader();
  reader.onload = () => console.log(reader.result);
  reader.readAsDataURL(fileInput.files[0]);

• С помощью Python:

  import base64
  with open("image.png", "rb") as image_file:
      encoded_string = base64.b64encode(image_file.read()).decode('utf-8')
  print(f"image/png;base64,{encoded_string}")

• С помощью терминала Linux: base64 image.png