Base64 Кодування/Декодування (Текст)

Loading dropzone…

Input

Output

Про цей кодувальник Base64 Онлайн кодувальник Base64

Частина Encode64 «Base64 Studio», цей кодувальник перетворює текст, JSON та невеликі бінарні активи у рядки Base64, готові для вставки у заголовки, HTML/CSS, змінні середовища або тестові фікстури. Без входу, без встановлення та без обробки на сервері.

Чому варто використовувати цей кодувальник Base64

  • Миттєве кодування Base64 для тексту, JSON та невеликих бінарних навантажень
  • Підтримка файлів (текст, зображення, бінарні) для швидкого перетворення в рядки Base64
  • Опція безпеки для URL у JWTs, параметрах запиту та веб-контекстах
  • Додаткове перенесення рядків для імітації CLI-інструментів або форматів email/PEM
  • Копіювання в один клік для легкого повторного використання в заголовках, конфігураціях та коді
  • Адаптивний інтерфейс, що добре працює на комп'ютері та мобільному
  • Кодування відбувається у вашому браузері — ваші дані не надсилаються на віддалений сервер

🔧 Як працює кодування Base64 (покроково) for base64-encoder

1

Надайте вхідні дані

Вставте свій текст, JSON або фрагмент у поле введення, або перетягніть файл для перетворення його байтів у Base64. Інструмент читає байти точно так, як вони є.

2

Перетворіть у байти

Кодувальник перетворює символи (як-от UTF-8 текст) або вміст файлу в байти. Кожен байт — це 8-бітне значення від 0 до 255.

3

Перегрупуйте біти в індекси Base64

Кожні 3 байти (3 × 8 = 24 біти) перегруповуються в 4 групи по 6 біт (4 × 6 = 24). Кожна 6-бітна група є індексом у алфавіті Base64.

4

Відображення на символи Base64 та додавання заповнення

Кожен 6-бітний індекс перетворюється на символ Base64. Якщо вхідні дані не діляться націло на 3 байти, додається заповнення '=', щоб довжина вихідних даних завжди була кратною 4 символам.

Технічні характеристики

Набір символів (RFC 4648)

Цей кодувальник використовує стандартний алфавіт Base64, визначений RFC 4648.

Діапазон / ТипСимволиПримітки
Індекси 0–25A–ZВеликі літери
Індекси 26–51a–zМалі літери
Індекси 52–610–9Цифри
Індекси 62–63+ /Стандартні символи Base64
Заповнення=Забезпечує кратність довжини виводу 4

Розмір & Накладні витрати

Base64 жертвує розміром заради безпеки в текстових каналах. Очікуйте приблизно на третину більше даних після кодування.

Початковий розмірРозмір Base64 (прибл.)Накладні витрати
3 байти4 символи~33% більше
1 КБ≈ 1.37 КБ~37% включаючи заповнення та переноси рядків
1 МБ≈ 1.37 МБТа сама пропорція на більших масштабах
Використовуйте Base64, коли потрібен безпечний текстовий транспорт (наприклад, HTTP-заголовки, JSON, HTML), а не як метод стиснення.

Продуктивність & Практичні обмеження

Саме кодування швидке, але великі буфери можуть впливати на пам'ять браузера та відгук.

Розмір данихКористувацький досвідРекомендація
Кілька КБМиттєвоІдеально для заголовків, фрагментів конфігурації та тестових даних
100 КБ – 1 МБДуже швидкоТипово для навантажень API та фікстур
1–5 МБЗагалом добре на сучасному обладнанніРозгляньте CLI-інструменти, якщо робите це часто
> 5–10 МБМоже працювати повільно або споживати багато пам'яті в браузеріВикористовуйте потокові кодувальники або CLI утиліти

Кодування Base64 у командному рядку

Для великих файлів, автоматизації або CI-процесів використовуйте вбудовані утиліти Base64 на вашій платформі.

Linux / 🍏 macOS

Закодувати рядок

echo -n 'text' | base64

Кодує рядок 'text' у Base64 без додавання символу нового рядка.

Закодувати файл

base64 input.bin > output.b64

Читає двійкові дані з input.bin та записує текст Base64 у output.b64.

Windows / PowerShell

Закодувати рядок за допомогою PowerShell

[Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes("text"))

Перетворює байти UTF-8 для 'text' у рядок Base64.

Закодувати файл за допомогою certutil (CMD)

certutil -encode input.bin output.b64

Використовує вбудований інструмент Windows для створення файлу, закодованого в Base64.

Практичне застосування

Веб-розробка та Data URI

Вбудовуйте невеликі ресурси безпосередньо в HTML, CSS або JavaScript.

  • Генеруйте data:image/...;base64,... для логотипів, іконок та невеликих зображень.
  • Вбудовуйте шрифти або SVG-вміст у правила CSS.
  • Зберігайте невеликі дані в LocalStorage у вигляді рядків Base64.
<img src="data:image/png;base64,iVBORw0KGgo...">
document.styleSheets[0].insertRule("@font-face{src:url('data:font/woff2;base64,...')}" );

Розробка API та заголовки

Передавайте облікові дані та невеликі дані безпечно через текстові канали.

  • Створюйте заголовки Authorization: Basic з пар username:password.
  • Кодуйте JSON-дані в Base64 для спеціальних заголовків або параметрів запиту.
  • Обгортайте двійкові дані в JSON у вигляді рядків Base64.
Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=
fetch(url, { headers: { 'X-Payload': btoa(JSON.stringify(data)) } });

Тестування, фікстури та налагодження

Створюйте стабільні текстові фікстури для тестів та сеансів налагодження.

  • Кодуйте двійкові фікстури (зображення, PDF) та вбудовуйте їх у тестовий код.
  • Зберігайте зразки даних у вигляді рядків Base64 замість зберігання двійкових файлів.
  • Прототипи навантажень для сервісів, які очікують поля, закодовані в Base64.
// Приклад: Тест Jest з використанням фікстури Base64
const payload = Buffer.from(base64Fixture, 'base64');
expect(processPayload(payload)).toBeTruthy();

❓ Frequently Asked Questions

❓Чому Base64 використовує додавання '='?

Base64 групує вхідні дані в блоки по 3 байти (24 біти) і виводить 4 символи (4 × 6 бітів). Коли довжина вхідних даних не ділиться на 3, символи додавання '=' додаються, щоб вказати, що останній блок коротший. Додавання є частиною формату кодування, а не оригінальних даних.

🔗Як згенерувати Base64, безпечний для URL?

Base64, безпечний для URL, замінює '+' на '-' та '/' на '_', і часто видаляє кінцеві символи додавання '='. Багато бібліотек мають режим для безпеки URL. Якщо вам потрібно зробити це вручну, почніть зі стандартного Base64, потім застосуйте ці заміни та обріжте '=' для вашого випадку використання.

🔒Чи є кодування Base64 заходом безпеки?

Ні. Base64 — це зворотне **кодування**, яке робить двійкові дані безпечними для передачі як текст (наприклад, у JSON, HTML або заголовках). Воно само по собі не забезпечує конфіденційність чи цілісність. Завжди використовуйте HTTPS/TLS та належну криптографію (як AES або схеми з відкритим ключем) для безпеки.

📏Який максимальний розмір файлу можна кодувати тут?

Цей онлайн-кодувальник найкраще працює з навантаженнями до кількох мегабайт. Більші двійкові файли можуть працювати, але можуть бути повільними або вимагати багато пам'яті в браузері. Для великих файлів надійніші інструменти командного рядка або потокові кодувальники.

Pro Tips

Best Practice

Для дуже малих ресурсів (< 10 КБ) вбудовування як Data URI Base64 може зменшити HTTP-запити, але уникайте цього для великих зображень або шрифтів.

Best Practice

У продакшені логуйте лише обрізані навантаження Base64 (або хеші), щоб уникнути витоку конфіденційного вмісту в журналах.

Best Practice

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

Additional Resources

RFC 4648 — Кодування даних Base16, Base32 та Base64
Documentation
Документація MDN Web — Base64
Documentation
Шпаргалка з кодування Base64
Documentation

Other Tools