Конвертер файлів Base64

Закодуйте будь-який файл чи зображення в data URI формату Base64 та розкодуйте data URI назад у файл, який можна завантажити.

Завантаження інструмента…

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

Що таке Конвертер файлів Base64?

Конвертер файлів Base64 — це безкоштовний браузерний інструмент, що перетворює двійкові файли на data URI формату Base64 і навпаки. Веброзробники використовують його, щоб вбудовувати невеликі зображення, шрифти чи значки прямо в таблиці стилів і розмітку, позбавляючись зайвого мережевого запиту; фахівці з тестування та підтримки використовують декодування, щоб відновити файл, який їм надіслали у вигляді довгого data URI. Використовуйте «Кодувати», щоб перетягнути файл і скопіювати його data URI (за бажанням заздалегідь обгорнутий у правило CSS background-image або тег HTML img), і використовуйте «Декодувати», щоб вставити data URI та завантажити відновлений файл. Вхідні зображення та розкодовані зображення показують попередній перегляд, який можна збільшити кліком.

Як користуватися Конвертер файлів Base64

  1. Виберіть режим перемикачем «Кодувати / Декодувати» вгорі.
  2. Щоб закодувати, перетягніть або виберіть файл (чи зображення) в область завантаження; його data URI формату Base64 миттєво зʼявиться в полі виводу.
  3. Відкрийте «Налаштування», щоб вибрати формат виводу: чистий data URI, правило CSS background-image або тег HTML img.
  4. Натисніть кнопку «Копіювати», щоб помістити data URI в буфер обміну.
  5. Щоб розкодувати, перемкніться на «Декодувати» та вставте data URI в текстове поле; зʼявляться попередній перегляд і відомості про файл.
  6. Натисніть кнопку «Завантажити», щоб зберегти відновлений файл на ваш пристрій.

Приклади

Вбудувати маленький значок PNG у CSS

Режим кодування: перетягніть icon.png розміром 2 КБ, встановіть формат CSS, потім скопіюйте правило background-image: url("data:image/png;base64,…") прямо у свою таблицю стилів.

Відновити файл, надісланий як data URI

Режим декодування: вставте рядок data:application/pdf;base64,… і натисніть «Завантажити», щоб повернути report.pdf без жодного звернення до сервера.

Переглянути зображення Base64 перед використанням

Режим декодування: вставте рядок data:image/jpeg;base64,… і зображення відобразиться в області попереднього перегляду, на яку можна клікнути, щоб побачити його в повному розмірі в лайтбоксі.

Поширені запитання

Які типи файлів я можу кодувати?
Підійде будь-який файл: зображення, PDF, шрифти, архіви, JSON, звичайний текст тощо. Інструмент читає файл за допомогою браузерного FileReader і створює data URI формату Base64, який містить правильний MIME-тип.
Чому вивід Base64 більший за мій файл?
Base64 кодує 3 байти даних у 4 символи, тож data URI приблизно на 33% більший за оригінальний файл. Цей компроміс є нормальним і є платою за вбудовування двійкових даних у вигляді тексту.
Яку назву файлу я отримаю під час декодування?
Інструмент зчитує MIME-тип з data URI та називає завантаження відповідно, наприклад decoded.png чи decoded.pdf. Якщо тип невідомий, він повертається до розширення .bin.
Чи може він розкодувати звичайний рядок Base64 без префікса data:?
Так. Якщо ви вставите чисте корисне навантаження Base64 без заголовка data:, воно буде розкодоване як звичайний двійковий файл (application/octet-stream) і запропоноване до завантаження як .bin.
Чи завантажується мій файл кудись?
Ні. І кодування, і декодування виконуються повністю на стороні клієнта у вашому браузері; нічого не завантажується і жоден сервер не використовується, тож ваші файли залишаються конфіденційними на вашому пристрої.

Схожі інструменти

Калькулятор співвідношення сторін

Введіть ширину або висоту з потрібним співвідношенням сторін і миттєво отримайте відповідний розмір разом зі спрощеним співвідношенням.

Конвертер систем числення

Перетворюйте числа між двійковою, вісімковою, десятковою та шістнадцятковою системами.

Калькулятор ІМТ

Обчисліть індекс маси тіла за зростом і вагою в метричних або імперських одиницях і миттєво побачте відповідну вагову категорію ВООЗ.

Конвертер одиниць CSS

Перетворюйте довжину CSS між px, rem, em, pt, %, vw та vh.