Файл в Base64

Преобразуйте файл в Base64, data URL и фрагменты HTML или CSS.

Перетащите файл сюда или нажмите для выбора

PDF, шрифты, документы, изображения и аудио

Полный data URL
Только Base64
Тег img
CSS url()
01

Полный data URL

FileReader читает байты и создаёт data URL с типом MIME. Отдельная строка Base64 — это часть после запятой. Варианты HTML и CSS предназначены для поддерживаемых изображений.

02

Только Base64

Когда API ожидает закодированные данные без префикса data:…;base64,.

03

CSS url()

Нет. Тег img и CSS-фон предназначены для изображений. Для PDF и других документов нужен подходящий способ встраивания.

Технические сведения

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

FileReader читает байты и создаёт data URL с типом MIME. Отдельная строка Base64 — это часть после запятой. Варианты HTML и CSS предназначены для поддерживаемых изображений.

Пример:

data:application/pdf;base64,JVBERi0xLjQKJ…

Где пригодится:

  • >Полный data URL
  • >Только Base64
  • >CSS url()

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

Подойдёт любой файл?

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

Когда нужен только Base64?

Когда API ожидает закодированные данные без префикса data:…;base64,.

Подходят ли фрагменты img и CSS для PDF?

Нет. Тег img и CSS-фон предназначены для изображений. Для PDF и других документов нужен подходящий способ встраивания.

Данные отправляются на сервер?

Нет. Обработка выполняется в вашем браузере.

Другие языки