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

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

Drag & drop an image or click to select
Format —
Dimensions —
File Size —
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-запитів у вебзастосунках.