ru

Изображение в Data URI

Преобразуйте изображение в Base64 data URI локально - вставьте прямо в HTML или CSS. Без загрузки.

Ваши файлы

    Обработка локально на вашем устройстве ...

    0%

    Ваши файлы так и не покинули устройство

      Загружается ли мой файл?

      Нет. Всё выполняется в вашем браузере - ваш файл никогда не покидает устройство. Как это можно проверить

      Без загрузки100% локально
      Содержимое остаётся у васнет доступа у третьих лиц
      Серверы в ГерманииGDPR by design
      Независимый аудитTLS A+ · Заголовки A+

      Data URI кодирует изображение прямо как текст (Base64), поэтому вы можете встроить его внутри HTML (в img src) или CSS (в фон) без отдельного файла и лишнего сетевого запроса. Этот инструмент преобразует ваше изображение в готовый к вставке data: URI.

      Результат - простой текстовый файл с полной строкой data:image/...;base64,... . Это удобно для крошечных значков, шаблонов писем, демо в одном файле или чтобы избежать лишнего запроса, хотя текст Base64 примерно на треть больше исходных байтов.

      Всё работает полностью локально в вашем браузере (без загрузки, даже офлайн) - ваше изображение никогда не покидает устройство. Изображение кодируется как есть (те же байты, тот же формат, без перекодирования); очень большое изображение даёт очень длинную строку, поэтому это лучше всего подходит для маленьких изображений.

      Технические данные

      Технические данные
      Входные форматыJPG, JPEG, PNG, WEBP
      Выходной форматTXT
      Пакетная обработкаДа
      ОбработкаЛокально в браузере (JavaScript)
      Загрузка файловОтсутствует

      В 3 шага

      1. Перетащите или коснитесь изображения (PNG, JPEG или WebP).
      2. Оно кодируется в data: URI методом Base64 в вашем браузере.
      3. Скачайте текстовый файл с data URI (готов к вставке).

      Ограничения: Кодирует байты изображения как есть методом Base64 в строку data:<тип>;base64,... и сохраняет как текстовый файл. Base64 примерно на 33% больше исходника, поэтому лучше всего для маленьких изображений. Исходный формат и байты сохраняются (без перекодирования).

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

      Моё изображение загружается?

      Нет. Кодирование происходит полностью локально в браузере - даже офлайн. Ваше изображение никогда не покидает устройство.

      Где использовать data URI?

      Вставьте его как img src или фон CSS, чтобы встроить изображение прямо в код, без отдельного файла или запроса.

      Файл становится больше?

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

      Изображение меняется?

      Нет. Кодируются точные исходные байты, поэтому формат и качество не меняются.

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