Изображение в Base64
Преобразуйте PNG, JPG, GIF, WebP и SVG в Base64 Data URI без изменения исходных байтов. Скопируйте результат для HTML или CSS либо скачайте закодированный текст.
Здесь появится результат.
Как преобразовать изображение в Base64
- Выберите изображение или перетащите его в область ввода.
- Для HTML и CSS отключите перенос строк и оставьте символы дополнения стандартного Base64.
- Запустите кодирование, затем скопируйте всю Data URI или скачайте текстовый результат.
Изображение в Base64: что важно знать
Data URI содержит тип данных и закодированные байты изображения. Размеры изображения и степень сжатия не меняются. Base64 увеличивает объём примерно на треть, поэтому крупные изображения на сайте часто лучше хранить отдельными файлами.
Однопиксельный GIF в формате Base64 Data URI
- Исходные данные
pixel.gif (1 × 1 px, 42 B)- Результат
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
Изображение в Base64: вопросы и ответы
Как использовать результат в HTML или CSS?
Вставьте значение data:image/…;base64,… целиком в атрибут HTML img src или в CSS url("…"). Префикс обозначает формат изображения и не входит в сами данные Base64. Инструмент выдаёт URI, а не готовый HTML-тег или правило CSS.
Сохранятся ли прозрачность, анимация и качество?
Да. Кодируются исходные байты файла без изменения размеров и повторного сжатия. Прозрачность PNG, анимация GIF и разметка SVG остаются в данных. Отображение по-прежнему зависит от приложения, в котором используется результат.
Какие форматы и размеры файлов поддерживаются?
По содержимому распознаются PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF и идентифицируемые документы SVG. Можно обработать один файл за раз, не более 32 MiB. Для других форматов используйте «Файл в Base64»: возможность кодирования не гарантирует отображение в браузере.
Станет ли файл меньше? Подойдёт ли он для писем?
Нет. Объём закодированных данных увеличивается примерно на треть, не считая префикса. Встраивание может подойти для небольших значков; крупные изображения обычно лучше оставить отдельными файлами. Почтовые клиенты и политики безопасности могут блокировать изображения data:. Проверьте результат в целевой среде.
Мои файлы, токены и текст отправляются на сервер?
Нет. Данные обрабатываются в вашем браузере. Сайт загружает страницу и программный код, но не отправляет ваши данные на сервер преобразования и не сохраняет их в учётной записи.
Инструменты для следующего шага
- Base64 в изображение
Декодируйте изображения из Base64 и Data URI, просматривайте поддерживаемые форматы и скачивайте исходные байты изображения.
- Файл в Base64
Преобразуйте любой файл в строку Base64. При необходимости добавьте префикс Data URI, заполнение или переносы строк MIME.
- Кодирование и декодирование HTML-сущностей
Преобразуйте текст и символы Unicode в HTML-сущности. Декодируйте именованные и числовые ссылки на символы.
Все инструменты разработчика
Кодирование и файлы
Преобразуйте текст, байты, URL и встроенные изображения без изменения исходных данных.
Кодирование и декодирование Base64
Кодируйте текст UTF-8 в Base64 или декодируйте обычный и URL-безопасный Base64. Настраивайте заполнение и переносы строк.
Кодирование и декодирование Base64URL
Преобразуйте текст в URL-безопасный Base64 с символами - и _. Кодируйте и декодируйте Base64URL без заполнения.
Base64 в изображение
Декодируйте изображения из Base64 и Data URI, просматривайте поддерживаемые форматы и скачивайте исходные байты изображения.
Файл в Base64
Преобразуйте любой файл в строку Base64. При необходимости добавьте префикс Data URI, заполнение или переносы строк MIME.
Base64 в файл
Преобразуйте строки Base64 и Data URI в скачиваемые файлы, сохранив декодированные двоичные данные без изменений.
Кодирование и декодирование URL
Кодируйте и декодируйте компоненты URL, полные адреса и значения форм. Корректно обрабатывайте процентную кодировку и пробелы.
Кодирование и декодирование HTML-сущностей
Преобразуйте текст и символы Unicode в HTML-сущности. Декодируйте именованные и числовые ссылки на символы.
Анализ Unicode и преобразование escape-последовательностей
Просматривайте кодовые точки Unicode, байты UTF-8 и единицы UTF-16. Преобразуйте escape-последовательности JavaScript в читаемый текст.
Проверка данных и текста
Изучайте структуру данных и содержимое токенов, находите различия между текстами.
Форматирование, минификация и проверка JSON
Форматируйте, минифицируйте и проверяйте JSON без потери точности больших чисел. Выбирайте отступы и сортируйте ключи на всех уровнях.
Декодер JWT
Читайте заголовок и полезную нагрузку JWT, проверяйте указанные сроки действия и начала использования, не отправляя токен на сервер.
Сравнение текстов
Сравнивайте два текста по строкам, словам или символам. Находите добавления и удаления с учётом пробелов и переносов строк.
Тестер регулярных выражений
Проверяйте регулярные выражения JavaScript с флагами, позициями совпадений, группами захвата и именованными группами.
Хеши, идентификаторы и расписания
Проверяйте целостность файлов, создавайте идентификаторы и разбирайтесь во временных метках и расписаниях.
MD5: хеш текста и контрольная сумма файла
Вычисляйте MD5 для текста или локального файла и сравнивайте результат с ожидаемой контрольной суммой.
SHA-1: хеш текста и контрольная сумма файла
Вычисляйте SHA-1 для текста UTF-8 и файлов, затем сравнивайте результат с ожидаемой контрольной суммой.
SHA-256: хеш текста и контрольная сумма файла
Вычисляйте SHA-256 для текста и файлов. Проверяйте скачанные файлы по опубликованным контрольным суммам.
SHA-512: хеш текста и контрольная сумма файла
Вычисляйте SHA-512 для текста и файлов на своём устройстве и сравнивайте полные шестнадцатеричные значения.
Калькулятор контрольной суммы CRC32
Вычисляйте стандартную CRC-32 для текста и файлов, сравнивайте восьмизначные шестнадцатеричные результаты.
Генератор HMAC
Вычисляйте HMAC-SHA-1, HMAC-SHA-256 и HMAC-SHA-512 с секретным ключом в UTF-8 или шестнадцатеричном виде.
Генератор UUID и GUID
Создавайте случайные UUID v4 и упорядоченные по времени UUID v7 по одному или пакетами.
Конвертер временных меток Unix
Преобразуйте секунды Unix, миллисекунды и даты ISO 8601. Просматривайте один и тот же момент в UTC или любом часовом поясе IANA.
Разбор выражений Cron
Проверяйте выражения Cron из пяти или шести полей. Просматривайте ближайшие запуски в часовом поясе IANA с учётом перехода на летнее время.
Генератор выражений Cron
Составляйте выражения Cron из временных полей или готовых вариантов и просматривайте ближайшие запуски в выбранном часовом поясе.
Текст и файлы обрабатываются на вашем устройстве. Не оставляйте конфиденциальные результаты в общем буфере обмена. Для работы с закрытыми ключами и токенами используйте доверенное устройство.