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

Как использовать преобразование изображения в base64?

  1. Выберите изображение, которое нужно преобразовать в base64. 
  2. Результат преобразования отображается в текстовой области ниже. 
  3. Нажмите кнопку 'Копировать', чтобы скопировать строку в формате base64.

Что такое base64?

Base64 — это метод представления двоичных данных с использованием 64 печатных символов.
Base64 часто используется для представления, передачи и хранения некоторых двоичных данных в средах, обычно обрабатывающих текстовые данные, включая MIME-почту и некоторые сложные данные в XML.
Кодирование изображения в BASE64 — это процесс кодирования данных изображения в строку, которая заменяет URL-адрес изображения, что позволяет обойтись без URL-адреса изображения.
Инструмент для преобразования изображения в BASE64 поддерживает преобразование различных форматов изображений, таких как PNG в Base64, GIF в Base64, JPEG в BASE64. Просто загрузите изображение в указанную область, и операция будет выполнена!

Формат Base64

data:[][;charset=][;base64], 

Использование Base64 в CSS

.base64Img{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...."); } 

Использование Base64 в HTML

<img width="200" height="200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...." />