Зображення в Base64

Конвертуйте будь-яке зображення в рядок Base64 або Data URI безкоштовно онлайн. Миттєво, на стороні клієнта — ваші зображення ніколи не покидають браузер.

Drag & drop an image or click to select
Format
Dimensions
FileSize
Image Preview
preview
Base64 Output
Data URI (with prefix)
No image selected

Як це працює

  1. Завантажте зображення, перетягнувши його на сторінку або вибравши з пристрою.
  2. Інструмент миттєво обробляє файл безпосередньо у вашому браузері без надсилання даних будь-куди.
  3. Оберіть бажаний формат виводу — чистий рядок Base64 або повний Data URI.
  4. Скопіюйте результат одним кліком і використовуйте його у своєму HTML, CSS або будь-якому іншому проєкті.

Приклад

Вхід: logo.png (маленьке PNG-зображення 1x1 піксель, червоний колір)
Результат: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwADhQGAWjR9awAAAABJRU5ErkJggg==

ЧПЗ

Так, абсолютно безпечно. Вся обробка відбувається локально у вашому браузері. Ваші зображення ніколи не надсилаються на жодний сервер і ніде не зберігаються — все залишається на вашому пристрої.

Інструмент підтримує всі поширені формати: PNG, JPEG, GIF, WebP, SVG, BMP та інші.

Рядок Base64 містить лише закодовані необроблені дані. Data URI включає префікс на кшталт 'data:image/png;base64,' і може використовуватися безпосередньо як значення атрибута src у HTML або CSS.

Суворого обмеження немає, але дуже великі файли можуть навантажити браузер, оскільки кодування Base64 збільшує розмір даних приблизно на 33%.

Воно використовується для вбудовування зображень безпосередньо в HTML, CSS або JSON-файли, надсилання зображень через API без завантаження файлів, а також для зменшення кількості HTTP-запитів у вебзастосунках.