Конвертация в Base64

Встраивайте картинки в HTML/CSS. 100% приватно без загрузки на сервер.

base64-converter.js
1const img = await loadImage(file);
2const canvas = document.createElement("canvas");
3const ctx = canvas.getContext("2d");
4ctx.drawImage(img, 0, 0);
5const dataUrl = canvas.toDataURL();
6return btoa(dataUrl);

Перетащите изображения сюда

или нажмите для выбора

JPGPNGWebPAVIFHEIC

Файлы остаются в вашем браузере

Настройки вывода

Выберите формат Base64.

Обработка происходит локально в браузере.

Конвертация в Base64 за три шага

Загрузите, конвертируйте и скопируйте код.

Загрузите файлы

Перетащите картинки или ZIP-архив.

Генерация Base64

Мы кодируем каждое изображение локально.

Скопируйте код

Скопируйте в буфер или скачайте текстовые файлы.

Когда использовать Base64

Сценарии, где встраивание картинок ускоряет работу.

Вставка в HTML/CSS

Маленькие картинки прямо в коде для ускорения загрузки.

Email шаблоны

Логотипы внутри писем, чтобы они не блокировались почтовиками.

Интеграция с API

Отправка картинок в нейросети или облака в виде текста.

Single-file приложения

Упаковка всех ресурсов в один HTML файл.

Вопросы про Base64

Что нужно знать разработчику.

Зачем нужен Base64?

Он превращает картинку в текст, который можно вставить прямо в код страницы. Это убирает лишние HTTP-запросы.

Использовать Data URL или чистый Base64?

Для HTML/CSS нужен Data URL (с префиксом). Для API чаще нужен чистый Base64.

Как вставить в HTML?

Используйте src: <img src="data:image/png;base64,..." />. Картинка загрузится мгновенно вместе с кодом.

Как вставить в CSS?

Как фон: background-image: url("data:image/png;base64,..."). Отлично для иконок.

Куда загружаются мои фото?

Никуда. Конвертация идет прямо в вашем браузере. Это 100% безопасно.

Можно загрузить ZIP?

Да. Мы поддерживаем архивы с папками. Структура папок сохранится при скачивании.

Увеличивается ли размер?

Да, примерно на 33%. Это нормально для маленьких картинок (иконок). Большие фото лучше не кодировать.

Есть ли лимит?

25 МБ на файл, чтобы браузер не завис. Рекомендуем использовать для картинок до 100 КБ.

Нужно сначала сжать?

Сначала уменьшите вес картинки, а потом кодируйте в Base64.