Кодировать в Base64

Нет. Ничего не сохраняется, ничего не записывается в журналы, и ни один сервер его не видит — и всё продолжает работать при отключённой сети. Для этих инструментов это не приятная мелочь. В онлайн-кодировщики и декодировщики постоянно вставляют действующие данные: токены сессий, API-ключи, заголовки Authorization, данные клиентов. Вставить такое на страницу, которая куда-то это отправляет, — значит раскрыть это, что бы сайт ни обещал насчёт удаления.

Потому что текст перед кодированием переводится в байты UTF-8 — это правильный порядок, и именно этот шаг пропускает большинство наскоро сделанных реализаций. Встроенная в браузер функция `btoa` вообще не умеет работать с текстом: она принимает один байт на символ, поэтому `btoa("café")` просто выдаёт ошибку. Распространённый обходной путь `btoa(unescape(encodeURIComponent(s)))` работает случайно и ломается на эмодзи и других символах за пределами базового диапазона. Эта страница честно кодирует UTF-8 один раз, поэтому 日本語 и 🎉 проходят и декодируются обратно в точности.

Это Base64 с двумя заменёнными символами: + становится -, / становится _, а завершающие знаки = отбрасываются. Он существует потому, что +, / и = что-то значат в URL, и обычный Base64 искажается, когда попадает в строку запроса или путь. JWT, токены OAuth и всё, что передаётся в URL, используют Base64URL. Если результат пойдёт в ссылку, выбирайте его.

Нет, и об этом стоит сказать прямо. Base64 — это кодировка, а не шифрование: ни ключа, ни секрета нет. Любой, кто видит строку, декодирует её за один шаг — в том числе на этом сайте. Он нужен, чтобы безопасно передавать двоичные данные по каналам, принимающим только текст, например во вложениях писем и data URI. Если что-то нужно держать в секрете, нужно шифрование; Base64 не даёт никакой защиты.

Примерно на 33%, всегда. Base64 записывает каждые 3 байта четырьмя текстовыми символами, поэтому размер по определению растёт на треть, плюс немного на дополнение. Это цена превращения двоичных данных в текст — и поэтому встраивать большое изображение в CSS как data URI обычно невыгодно.

Да — перетащите изображение и выберите «Data URI». Вы получите полную строку `data:image/png;base64,…` с уже подставленным правильным типом данных — её можно сразу вставить в таблицу стилей, тег <img> или шаблон письма.

Ограничивает доступная память, а не фиксированный лимит, и она немаленькая — файлы во много мегабайт кодируются без проблем. Кодирование специально выполняется частями, чтобы справляться с большими файлами; очевидная реализация падает примерно на 125 KB с ошибкой «Maximum call stack size exceeded», и эта ошибка есть в очень многих онлайн-кодировщиках.