Конвертер Blob ↔ DataURL

Загрузите изображение и получите сразу его Blob URL и Base64 DataURL. Скопируйте любой из них в один клик для встраивания или отладки графических ресурсов в своём коде.

🔗

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

PNG, JPG, WEBP, BMP

Что такое Blob и DataURL?

Blob URL — это временный адрес, начинающийся с blob:, который указывает на файловый объект в памяти браузера. Его часто используют для предпросмотра изображений и загрузок на фронтенде.

DataURL кодирует файл в строку Base64, которую можно встраивать непосредственно в теги img, CSS-фоны или JSON-данные.

Как использовать

Конвертируйте в два шага:

  • Загрузите изображение.
  • Скопируйте Blob URL или DataURL в свой код.

Советы

  • Маленькие иконки — отличные кандидаты для встраивания DataURL; для крупных изображений используйте отдельные файлы.
  • Blob URL можно использовать в тегах img, в источниках видео или при скачивании через fetch.
  • Чтобы получить Base64 других типов файлов, используйте этот инструмент вместе с Base64-кодированием/декодированием.

Часто задаваемые вопросы

В чём разница между Blob URL и DataURL?+
Blob URL (начинается с blob:) указывает на объект в памяти браузера и отлично подходит для использования на странице. DataURL — это строка в кодировке Base64, которую можно встраивать прямо в HTML/CSS, что упрощает обмен и хранение.
Можно ли использовать Blob URL долгое время?+
Нет. Blob URL действителен только в рамках текущей сессии страницы и становится недействительным после обновления или закрытия страницы.
Есть ли минусы у DataURL?+
Кодирование Base64 увеличивает размер примерно на 33% и не идеально для больших изображений, но удобно для прямого встраивания в код.
Загружается ли моё изображение на сервер?+
Нет. Конвертация выполняется полностью локально в вашем браузере.

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

Конвертер Blob ↔ DataURLБесплатные онлайн-blob url, dataurl, изображение base64, изображение в base64, blob dataurl. Без регистрации. Работает в вашем браузере.