Руководство Base64: текст и изображения

1. Введите текст в первое поле и нажмите кодирование. Hello превращается в SGVsbG8=. Вставьте SGVsbG8= в первое поле и выберите декодирование, чтобы получить Hello.

2. Выберите один файл изображения. Браузер прочитает его и покажет Data URL в поле результата. Копируйте полный результат, включая префикс data:image/...;base64,.

3. Используйте Data URL в атрибуте img src HTML или в CSS url(). Пример: <img src="data:image/png;base64,..." alt="Описание">. Замените многоточие реальными данными. Некоторые почтовые программы ограничивают Data URL.

4. Base64 — кодирование, а не шифрование. Объём данных увеличивается примерно на треть, плюс префикс. Большие изображения могут замедлить браузер; при необходимости используйте обычные файлы изображений.