Картинка в Base64 онлайн
Превратите изображение в строку data:URI и заберите готовый сниппет для HTML, CSS, JS или Markdown. Работает и в обратную сторону: вставьте строку — получите файл.
Как это работает
три шагаЗагрузите картинку
Лучше небольшую — вес строки примерно на треть больше исходного файла.
Скопируйте сниппет
Готовый код для тега img, CSS-фона, JS-переменной или Markdown.
Или расшифруйте
Вставьте строку base64 во вкладку декодирования и скачайте картинку обратно.
Частые вопросы
Зачем встраивать картинку в код?
Чтобы избавиться от отдельного запроса к серверу: иконка или мелкий фон грузятся вместе с HTML или CSS. Это заметно ускоряет отрисовку мелочей и помогает в письмах и офлайн-документах, где внешние файлы могут не подгрузиться.
Почему строка больше самого файла?
Base64 кодирует три байта четырьмя символами, поэтому объём растёт примерно на 33%. За удобство встраивания всегда платят весом — для больших фотографий это невыгодно.
Какой размер картинки разумен?
До 5–10 килобайт: иконки, логотипы, мелкие фоны, плейсхолдеры. Всё, что крупнее, лучше оставить отдельным файлом — иначе HTML и CSS раздуваются, а браузер не сможет их кешировать по отдельности.
Base64 — это шифрование?
Нет. Это просто способ записать двоичные данные текстом. Строку легко раскодировать обратно, поэтому ничего секретного так не защищают.
Файл загружается на ваш сервер?
Нет. Всё считается в браузере на вашем устройстве: файл не уходит к нам и нигде не сохраняется. Закрыли вкладку — не осталось ничего.
Под капотом — НанаБанана Ai
Утилита выше правит пиксели по формулам. Основной сервис меняет само содержание кадра: убирает лишние объекты, заменяет фон и одежду, реставрирует старые снимки, собирает карточки товара и портреты по вашему фото — на нейросетях, с русскими лицами и кириллицей в кадре.
Другие инструменты
УтилитыData URI — способ положить картинку прямо в код: браузер читает строку и рисует изображение, не запрашивая отдельный файл. Приём полезен для иконок в CSS, мелких логотипов в письмах и плейсхолдеров, но плохо подходит для фотографий: строка на треть тяжелее файла и не кешируется отдельно. Инструмент даёт и прямое преобразование с готовыми сниппетами, и обратное — из строки в скачиваемый файл.
Ключевые запросы: картинка в base64 онлайн, image to base64, data uri генератор, декодировать base64 в картинку
Используем Яндекс.Метрику для аналитики. Подробнее