Base64 Кодування/Декодування (Текст)
⚡ Безкоштовний онлайн Base64 кодувальник для розробників та досвідчених користувачів. Миттєво конвертуйте текст, JSON та бінарні файли у Base64 рядки. 🔐 Ідеально для API, заголовків, data URI та тестування. Усе кодування відбувається у вашому браузері.
Чому варто використовувати цей кодувальник Base64
- Миттєве кодування Base64 для тексту, JSON та невеликих бінарних даних
- Підтримка файлів (текст, зображення, бінарні файли) для швидкого перетворення в рядки Base64
- Опція URL-safe для JWT, параметрів запиту та веб-контекстів
- Додаткове перенесення рядків для імітації CLI-інструментів або форматів email / PEM
- Копіювання в один клік для легкого повторного використання в заголовках, конфігураціях та коді
- Адаптивний інтерфейс, який добре працює на комп'ютері та мобільному пристрої
- Кодування відбувається у вашому браузері — ваші дані не надсилаються на віддалений сервер
🔧 Як працює кодування Base64 (покроково) for base64-encoder
Надайте вхідні дані
Вставте свій текст, JSON або фрагмент у поле введення або перетягніть файл для перетворення його сирих байтів у Base64. Інструмент читає байти точно так, як вони є.
Перетворіть у байти
Кодувальник перетворює символи (наприклад, текст UTF-8) або вміст файлу в байти. Кожен байт — це 8-бітне значення від 0 до 255.
Перегрупуйте біти в індекси Base64
Кожні 3 байти (3 × 8 = 24 біти) перегруповуються в 4 групи по 6 біт (4 × 6 = 24). Кожна 6-бітна група є індексом у алфавіті Base64.
Відображення на символи Base64 та додавання заповнення
Кожен 6-бітний індекс перетворюється на символ Base64. Якщо вхідні дані не діляться націло на 3 байти, додається заповнення '=', щоб довжина вихідних даних завжди була кратною 4 символам.
Технічні характеристики
Набір символів (RFC 4648)
Цей кодувальник використовує стандартний алфавіт Base64, визначений RFC 4648.
| Діапазон / Тип | Символи | Примітки |
|---|---|---|
| Індекси 0–25 | A–Z | Великі літери |
| Індекси 26–51 | a–z | Малі літери |
| Індекси 52–61 | 0–9 | Цифри |
| Індекси 62–63 | + / | Стандартні символи Base64 |
| Заповнення | = | Забезпечує, щоб довжина виводу була кратною 4 |
Розмір та накладні витрати
Base64 жертвує розміром заради безпеки в текстових каналах. Очікуйте приблизно на третину більше даних після кодування.
| Початковий розмір | Розмір Base64 (прибл.) | Накладні витрати |
|---|---|---|
| 3 байти | 4 символи | ~33% більше |
| 1 КБ | ≈ 1.37 КБ | ~37% включаючи заповнення та переноси рядків |
| 1 МБ | ≈ 1.37 МБ | Та сама пропорція на великих масштабах |
Продуктивність та практичні обмеження
Саме кодування швидке, але великі буфери можуть впливати на пам'ять браузера та відгук.
| Розмір даних | Користувацький досвід | Рекомендація |
|---|---|---|
| Кілька КБ | Миттєво | Ідеально для заголовків, фрагментів конфігурації та тестових даних |
| 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 з парів ім'я користувача:пароль.
- Кодування 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
Для дуже малих ресурсів (< 10 КБ) вбудовування як Data URI у форматі Base64 може зменшити кількість HTTP-запитів, але уникайте цього для великих зображень або шрифтів.
У продакшені логуйте лише обрізані навантаження Base64 (або хеші), щоб уникнути витоку конфіденційного вмісту в журналах.
Якщо ваш сервер очікує Base64, перевіряйте та нормалізуйте вхідні дані на стороні сервера, щоб відхиляти неправильно сформовані або надто великі навантаження.
Additional Resources
Other Tools
- Прикрашувач CSS
- Прикрашувач HTML
- Прикрашувач JavaScript
- Прикрашувач PHP
- Вибір кольору
- Color Picker Color Analyzer
- Екстрактор спрайтів
- Base32 Бінарний Кодувальник
- Base32 Декодувальник
- Base32 Кодувальник
- Base58 Бінарний Кодувальник
- Base58 Декодувальник
- Base58 Кодувальник
- Base62 Бінарний Кодувальник
- Base62 Декодувальник
- Base62 Кодувальник
- Base64 Бінарний Кодувальник
- Декодер Base64
- Hex Бінарний Кодувальник
- Hex Декодувальник
- Hex Кодувальник
- Форматувальник C#
- Форматувальник CSV
- Dockerfile Formatter
- Форматувальник Elm
- Форматувальник ENV
- Форматувальник Go
- Форматувальник GraphQL
- Форматувальник HCL
- Форматувальник INI
- Форматувальник JSON
- Форматувальник LaTeX
- Форматувальник Markdown
- Форматувальник Objective-C
- Php Formatter
- Форматувальник Proto
- Форматувальник Python
- Форматувальник Ruby
- Форматувальник Rust
- Форматувальник Scala
- Форматувальник shell-скриптів
- Форматувальник SQL
- Форматер SVG
- Форматер Swift
- Форматер TOML
- Typescript Formatter
- Форматер XML
- Форматер YAML
- Форматер Yarn
- Мініфікатор CSS
- Html Minifier
- Javascript Minifier
- Мініфікатор JSON
- Мініфікатор XML
- Переглядач HTTP-заголовків
- PDF у текст
- Тестер регулярних виразів
- Перевірка позицій у SERP
- Пошук Whois