Toolonit
  1. Главная
  2. Изображения
  3. Изображение в Base64

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

Превращает изображение в строку data: URI.

Перетащите изображения сюда или нажмите, чтобы выбрать

JPG, PNG, WebP, GIF, BMP, ICO, SVG или AVIF. Файлы обрабатываются в браузере и никуда не загружаются. Они хранятся в этом браузере, пока вы их не уберёте.

Ctrl+OвыбратьCtrl+Vвставить

Превратите изображение в текст, который можно вставить прямо в HTML, CSS, JSON или Markdown. Перетащите одно или несколько изображений и получите для каждого data URI, «чистый» Base64, CSS-правило фона, тег HTML <img> и изображение в Markdown — каждый фрагмент копируется в буфер обмена одним щелчком. Файлы читает ваш браузер, и они не покидают устройство; бесплатно и без регистрации.

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

  1. Перетащите изображения в любое место страницы, вставьте картинку сочетанием Ctrl+V или нажмите, чтобы выбрать файлы. Изображения, добавленные в любом другом инструменте для изображений, уже здесь в своём нынешнем виде: если вы там изменили размер или обрезали изображение и применили это, получится data URI отредактированной картинки. На примере изображения можно попробовать без своего файла.
  2. Нажмите Data URI, Base64, CSS, HTML или Markdown под изображением, чтобы скопировать нужный фрагмент. Ctrl+C копирует data URI выбранного изображения.
  3. Вставьте фрагмент куда нужно или скачайте его текстовым файлом. Если изображений несколько, «Скачать все (ZIP)» сохранит все сразу.

Возможности

  • Пять фрагментов для каждого изображения: data URI, «чистый» Base64, CSS background-image, HTML <img> и Markdown
  • Тег HTML содержит ширину, высоту и альтернативный текст (alt) из имени файла
  • Копирование одним щелчком; Ctrl+C копирует data URI выбранного изображения
  • Несколько изображений сразу — по файлу .txt на изображение или все в одном ZIP-архиве
  • Предупреждение для изображений больше 100 КБ, которые обычно лучше подключать файлом
  • PNG, JPG, GIF, WebP, SVG, AVIF, BMP и ICO с правильным MIME-типом, даже если браузер его не сообщает

Это конфиденциально?

Да. Браузер читает файл и преобразует его прямо на странице; ничего никуда не отправляется, а изображения остаются в этом браузере, пока вы их не уберёте. Data URI — это сам файл, поэтому он несёт с собой метаданные фото: если в нём есть геолокация GPS или другие метаданные, инструмент сообщит об этом и предложит сначала удалить их в «Просмотре EXIF».

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

Когда стоит использовать data URI?

Для небольших изображений — иконок, логотипов и мелких фонов, — когда важно сэкономить отдельный запрос, и везде, куда нельзя положить файл: в HTML-письмо, одностраничный файл, поле JSON или документ Markdown. Большие фото лучше подключать ссылкой на файл, чтобы браузер мог их кешировать.

Насколько Base64 увеличивает размер файла?

Примерно на треть. Base64 записывает каждые 3 байта 4 символами, поэтому изображение на 30 КБ превращается примерно в 40 КБ текста. Если изображение больше 100 КБ, обычно лучше подключить файл, и инструмент об этом предупредит.

Какой фрагмент копировать?

Data URI — для src или url(), которые вы пишете сами, CSS — для готового правила background-image, HTML — для полного тега <img> с шириной, высотой и alt, Markdown — для документации, а Base64 — когда API или поле JSON ждёт голые закодированные данные.

Можно ли преобразовать несколько изображений сразу?

Да. Добавьте сколько угодно изображений; у каждого будут свои фрагменты, а «Скачать все (ZIP)» сохранит по текстовому файлу на каждое изображение.

Похожие инструменты