ИЗОБРАЖЕНИЕ ↔ BASE64
Конвертер работает полностью в вашем браузере с использованием JavaScript FileReader API. Изображения обрабатываются локально на вашем устройстве — никакие данные не передаются на сервер. Алгоритмы кодирования и декодирования выполняются в памяти браузера, а все временные данные удаляются при закрытии или обновлении страницы.
Процесс кодирования
Кодирование Base64 преобразует двоичные данные изображения в текстовую строку, используя 64 печатных ASCII-символа (A-Z, a-z, 0-9, +, /). Это позволяет безопасно встраивать бинарный контент в текстовые форматы — HTML, CSS, JSON и XML — без риска повреждения данных.
Кодирование Base64 увеличивает размер файла примерно на 33%
Поддерживаемые форматы
| Направление | Входной формат | Выходной формат | MIME-тип |
|---|---|---|---|
| Изображение → Base64 | JPEG (.jpg, .jpeg) | Текстовая строка Base64 | image/jpeg |
| Изображение → Base64 | PNG (.png) | Текстовая строка Base64 | image/png |
| Base64 → Изображение | Строка Base64 / Data URL | Файл PNG | image/png |
| Base64 → Изображение | Строка Base64 / Data URL | Файл JPEG | image/jpeg |
Технические характеристики
Структура Data URL
Конвертер генерирует как чистые строки Base64, так и полные Data URL. Data URL включают префикс с MIME-типом, что позволяет использовать их непосредственно в HTML и CSS без дополнительной обработки.
├─ схема: data:
├─ MIME-тип: image/png
├─ кодировка: ;base64,
└─ закодированные данные: iVBORw0K...
Примеры использования
Справка по изменению размера
| Исходный размер | Размер Base64 | Увеличение | Типичное применение |
|---|---|---|---|
| 1 КБ | ~1,37 КБ | +37% | Мелкие иконки, фавиконы |
| 10 КБ | ~13,7 КБ | +37% | Элементы интерфейса, кнопки |
| 100 КБ | ~137 КБ | +37% | Миниатюры, аватары |
| 1 МБ | ~1,37 МБ | +37% | Фотографии среднего размера |
| 10 МБ | ~13,7 МБ | +37% | Изображения высокого разрешения |
Рекомендация: Base64-кодирование оптимально для изображений размером до 10 КБ при инлайн-встраивании. Для более крупных файлов эффективнее использовать традиционный хостинг для сокращения времени загрузки страницы.