Файл у Base64
Перетворіть будь-який файл на текст Base64 або готовий до вставки data URI.
- Працює на вашому пристрої — файл нікуди не надсилається
- Без реєстрації, водяних знаків і щоденних квот
- Безкоштовно, без обмежень на кількість використань
Як це працює
Base64 перетворює двійковий файл на текст, щоб він міг потрапити туди, де дозволено лише текст: у сторінку HTML, файл CSS, корисне навантаження JSON, файл конфігурації, електронний лист. Кодування на віддаленому сервері означає завантажити файл, щоб отримати текст, що дивна угода для того, що браузер робить миттєво.
Data URI чи звичайний
Data URI несе тип носія як префікс, тож браузер знає, що це таке: вставте його в img src або фон CSS, і він працюватиме без окремого файлу. Звичайний Base64 потрібен, коли тип надає щось інше у вашому конвеєрі.
Він стає приблизно на третину більшим
Base64 подає три байти чотирма символами, тож очікуйте приблизно 33% збільшення плюс невеликі накладні витрати. Це ціна формату, і уникнути її неможливо, тому вбудовування найкраще залишити для невеликих ресурсів — піктограм, малих логотипів, підмножин шрифтів.
Коли не варто вбудовувати
Велике вбудоване зображення збільшує файл HTML чи CSS, не кешується окремо й повільніше розбирається. Емпіричне правило — кілька кілобайтів: нижче вбудовування заощаджує запит; вище звичайне посилання на файл швидше.
Повернення назад
Декодер Base64 на цьому сайті перетворює текст назад на початковий файл і показує його попередній перегляд, якщо це зображення.
Файл у Base64 — запитання
Що таке data URI?
Base64 із прикріпленим типом носія, щоб його можна було вставити прямо в HTML чи CSS, наче це файл.
Чому текст більший за мій файл?
Base64 кодує три байти чотирма символами — приблизно на третину більше. Це притаманне формату.
Чи варто вбудовувати великі зображення?
Ні. Нижче кількох кілобайтів це заощаджує запит; вище — звичайне посилання на файл швидше.
Чи завантажується мій файл на сервер?
Ні. Кодування відбувається у вашому браузері.