Изображение в Base64 — и обратно

Да — полностью бесплатно, без водяного знака и без регистрации. Вы можете кодировать и декодировать столько изображений, сколько захотите.

Base64 — это способ записи двоичных данных — например, файла изображения — с использованием только символов обычного текста. URI данных оборачивает этот текст префиксом вроде data:image/png;base64, чтобы браузер мог воспринимать саму строку как изображение, без отдельного файла для загрузки.

На вкладке «Кодировать» перетащите или выберите изображение. Инструмент мгновенно покажет «сырую» строку Base64, полный URI данных и готовые фрагменты CSS и HTML. Нажмите «Копировать» или скачайте строку как файл .txt.

Перейдите на вкладку «Декодировать», вставьте строку Base64 или полный URI data: и нажмите «Декодировать». Изображение мгновенно отобразится в предпросмотре, и вы сможете скачать его в исходном формате.

Кодирование Base64 увеличивает размер примерно на 33%, потому что каждые 3 байта двоичных данных превращаются в 4 текстовых символа. Это ожидаемо. Встроенные URI данных лучше всего подходят для небольших изображений (иконок, маленьких логотипов); для больших изображений обычный файл или URL обычно меньше и лучше кэшируется.

Нет. Base64 — это текстовое представление без потерь точных исходных байтов — без повторного сжатия или изменения изображения. Декодирование возвращает файл, идентичный оригиналу побайтово.

Вы можете кодировать файлы PNG, JPG, WebP, GIF, BMP, SVG, AVIF и ICO. Декодирование автоматически определяет формат по данным и присваивает загружаемому файлу правильное расширение.

Кодирование и декодирование происходят в вашем браузере, поэтому результат создаётся на вашем собственном устройстве. Порядок обработки данных, связанных с инструментом, описан в нашей политике конфиденциальности.

Да. Вкладка «Кодировать» предоставляет готовое правило CSS background-image и тег <img> с уже вставленным URI данных — просто скопируйте и вставьте. Встраивание небольших изображений таким способом устраняет лишний сетевой запрос.

Да. Кодировщик и декодировщик работают на телефонах и планшетах — кнопки, действия копирования и поле вставки удобны для сенсорного управления.