Skip to content
Zoyku

Base64-изображение

Конвертируйте изображения в base64 data URL и обратно — предпросмотр, проверка, скачивание и точное сравнение размеров. Всё в вашем браузере.

Перетащите файл сюда или нажмите, чтобы выбрать

Инструмент полностью работает в вашем браузере. Данные не покидают устройство и не загружаются ни на один сервер.

Как пользоваться

  1. 1Перетащите изображение в панель (или вставьте из буфера обмена), чтобы закодировать его.
  2. 2Скопируйте data URL — или только base64 — и сверьте сравнение размеров перед встраиванием.
  3. 3Переключитесь на вкладку декодирования, вставьте любой data URL изображения и просмотрите или скачайте его.

Base64-изображение

Сбросьте PNG, JPEG, GIF, WebP или SVG и получите готовую к вставке ссылку data:image/…;base64,… для инлайна в CSS, HTML или JSON. Инструмент показывает размер исходного файла рядом с размером полученного текста, поэтому прибавку base64 в ~33 % вы видите ещё до того, как решите встроить.

Вставьте data URL — и обратный вид декодирует его: изображение показывается в предпросмотре, заявленный MIME сверяется с реальными байтами, а кнопка скачивания сохраняет картинку обратно в файл. Некорректный base64 или не-графический тип завершается понятной ошибкой, а не битым превью.

Частые вопросы

Когда стоит встраивать изображение как data URL?

Для мелких иконок, аватарок и заглушек загрузки. Base64 увеличивает текст примерно на 33 % по сравнению с бинарным файлом, поэтому на паре килобайт и меньше вы обычно экономите один HTTP-запрос; для фотографий накладные расходы почти всегда перевешивают.

Почему версия base64 больше исходного файла?

Base64 кодирует каждые 3 байта как 4 текстовых символа — фиксированное раздувание на 33 %, плюс префикс data:image/…;base64,. Ничего не сжимается и не теряется; это просто текстобезопасное представление тех же байтов.

Какие форматы понимает декодер?

Всё, что ваш браузер умеет показывать как изображение: PNG, JPEG, GIF, WebP, SVG, BMP, AVIF и другие. Инструмент проверяет, что данные — корректный base64, что заявленный MIME — графический тип, и предупреждает, если магические байты файла не совпадают с заявленным типом.

Встроить этот инструмент

Одна строка — и инструмент на вашем сайте. Он работает в браузере посетителя.

<iframe src="https://zoyku.com/ru/tools/base64-image?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — base64-image" loading="lazy"></iframe>
100% local processing