Преобразуйте картинки в Base64 data URI для прямого встраивания в HTML, CSS или JavaScript. Это исключает дополнительные HTTP-запросы и полезно для небольших иконок, логотипов и email-шаблонов. Обработка файлов происходит локально в браузере.
Drop an image here or click to browse
Supports PNG, JPG, GIF, SVG, WebP, BMP, ICO (max 10.0 MB)
Перетащите файл изображения в область загрузки или нажмите для выбора. FileReader API считывает файл и конвертирует в Base64 data URI. Доступно два формата вывода: полный data URI для HTML/CSS или чистая Base64-строка для JSON API.
Встраивание мелких иконок и логотипов (до 10 КБ) в HTML и CSS для устранения лишних запросов. Передача изображений в JSON API. Создание автономных email-шаблонов с картинками. Встраивание растровых изображений в SVG. Хранение превью в базах данных или localStorage. Генерация data URI для Canvas API.
FileReader API считывает файл как ArrayBuffer, затем выполняется Base64-кодирование через btoa() или Uint8Array. Формат data URI: data:[MIME-тип];base64,[данные]. MIME-типы определяются автоматически: image/png, image/jpeg, image/gif, image/svg+xml, image/webp. Base64 увеличивает размер на ~33% (3 байта → 4 символа).
Перетащите файл в область загрузки или выберите через диалог. Инструмент автоматически считает изображение и сгенерирует Base64 data URI, который можно скопировать и вставить в код.
Все популярные веб-форматы: PNG, JPEG, GIF, SVG, WebP, BMP, ICO. Выходной data URI автоматически включает корректный MIME-тип для каждого формата.
Base64 увеличивает размер на 33%, поэтому он оптимален только для мелких файлов до 10 КБ (иконки, маленькие логотипы). Для больших изображений лучше использовать CDN с современными форматами WebP или AVIF.
Для тега img используйте data URI в атрибуте src: <img src="data:image/png;base64,iVBOR..." />. Для CSS используйте в background-image: url(data:image/png;base64,iVBOR...).
Декодер Base64 в картинку с предпросмотром и скачиванием. Поддержка data URI и Base64-строк.
Конвертация изображений в формат WebP для уменьшения размера файлов и более быстрой загрузки веб-страниц.
Изменение размера изображений с сохранением качества и соотношения сторон.
Трансформируйте, форматируйте, генерируйте и кодируйте данные мгновенно. Приватно, быстро и всегда бесплатно.
Смотреть все инструменты