Перетягніть зображення нижче, щоб миттєво закодувати його у Base64 — все виконується у браузері, нічого не завантажується на сервер.
Перетягніть зображення сюди
або натисніть для вибору — також можна вставити з буфера обміну
Вибрати зображення
Попередній перегляд
  • Назва файлу
  • Тип
  • Розміри
  • Оригінальний розмір
  • Розмір Base64
  • Рядок Base64 з'явиться тут, щойно ви додасте зображення.

    Про Зображення у Base64

    Конвертер зображення в Base64 кодує будь-яке зображення в рядок Base64 або готовий до використання data URI, повністю у вашому браузері. Перетягніть файл в область скидання, оберіть його через провідник або вставте зображення прямо з буфера обміну — закодований результат з'являється миттєво разом із попереднім переглядом.

    Ви обираєте між необробленим Base64 (лише закодовані байти) та повним data URI у формі data:image/…;base64,…, який можна вставити безпосередньо в CSS background-image, HTML img src або JSON-навантаження. Панель деталей показує ім'я файлу, тип MIME, розміри в пікселях, оригінальний розмір і розмір закодованого файлу.

    Оскільки файл читається локально за допомогою API FileReader, нічого не завантажується на жоден сервер — корисно, коли зображення є логотипом, скріншотом внутрішньої панелі керування або будь-яким іншим ресурсом, який ви не хочете передавати третій стороні.

    Як використовувати Зображення у Base64

    1. Перетягніть зображення на сторінку, натисніть, щоб обрати файл, або вставте його з буфера обміну.
    2. Оберіть формат виводу: необроблений Base64 або data URI.
    3. Перегляньте попередній перегляд та деталі зображення (тип, розміри, оригінальний і закодований розмір).
    4. Натисніть "Копіювати Base64", щоб отримати рядок для вашого CSS, HTML чи JSON.

    Часті запитання

    Ні. Файл читається та кодується локально у вашому браузері за допомогою API FileReader. Він ніколи не потрапляє на сервер, тому результат з'являється миттєво навіть для великих зображень.

    Так, він безкоштовний і без обмежень на кількість зображень, які ви конвертуєте.

    Вбудовування підходить для невеликих ресурсів — іконок, крихітних логотипів, зображень для електронних листів — де економія HTTP-запиту важливіша за ефективність кешування. Великі фотографії краще подавати як звичайні файли, оскільки Base64 також вимикає незалежне кешування.

    Base64 представляє кожні 3 байти 4 ASCII-символами, тому закодований рядок приблизно на 33% більший за оригінальний файл. Панель деталей показує обидва розміри, щоб ви могли оцінити компроміс.

    Необроблений Base64 — це лише закодовані байти, корисні для API та полів JSON. Data URI обгортає ці байти префіксом типу MIME (data:image/png;base64,…), щоб браузери могли відображати їх безпосередньо в атрибутах src та значеннях url() у CSS.

    Поділитися

    Популярні запити
    зображення у base64 кодувальник зображень base64 data uri зображення конвертувати зображення base64 png у base64 вбудоване зображення base64
    Потрібна допомога?
    Виникла проблема з цим інструментом? Повідомте нас.
    Повідомити про проблему

    Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.