Image to Base64 Converter - Encode Images as Data URIs
Encode an image as a Base64 data URI and copy it as an HTML img tag, a CSS url() value, Markdown, or the raw string. Encoding runs in your browser; nothing is uploaded.
Перетащите изображения сюда или нажмите для загрузки
Поддерживает JPG, PNG, GIF, WEBP, SVG
What Image to Base64 Does
This tool reads your file with the browser's FileReader API and returns it as a data URI: the string `data:image/png;base64,` followed by the file's bytes rewritten in Base64. Base64 is a transport encoding, not a compression scheme. It maps every 3 bytes of binary onto 4 ASCII characters drawn from A-Z, a-z, 0-9, plus and slash, which means the encoded form is always about 33% larger than the file you started with. Nothing about the image itself changes — the pixels, the format, the color profile, and any EXIF metadata all survive untouched, and decoding the string gives you back a byte-identical file. What you gain is a representation made entirely of characters that are safe to paste into source code, which is why data URIs work anywhere a URL is expected: an img src, a CSS url(), a Markdown image, a JSON field. The tool builds those four snippets for you and copies the complete string even when the on-screen preview is truncated, because a data URI for a modest image runs to tens of thousands of characters and rendering all of them would stall the page. Alongside each file it shows the original size, the encoded size, and the overhead percentage, so the cost of inlining is visible before you commit to it. Reading happens entirely on your device; no file is uploaded, and the page keeps working with the network disconnected.
Why You'd Encode an Image as Base64
A data URI turns an image into text, which removes the need for a separate file and a separate HTTP request. That is genuinely useful for small assets and a bad idea for large ones.
How to Convert an Image to Base64
Four steps, all local — the file is read in the browser and the string is built on your device.
Drop in one image or several — each file gets its own card with size figures
Check the encoded size and overhead; under about 10 KB is where inlining tends to pay off
Pick the output you need — raw Base64, an HTML img tag, a CSS url() declaration, or Markdown
Copy the snippet to the clipboard or download it as a .txt file
Frequently Asked Questions
Другие инструменты для изображений
Откройте другие мощные инструменты для редактирования изображений
Сжать Изображение
Уменьшить размер
Изменить Размер
Изменить размеры
Обрезать Изображение
Вырезать область
Конвертировать Формат
Изменить формат
Фоторедактор
Редактировать фото
Повернуть Изображение
Повернуть
Отразить Изображение
По горизонтали/вертикали
Добавить Водяной Знак
Водяной знак
Добавить Рамку
Добавить рамку изображения
Закругленные Углы
Добавить закругленные углы
Фильтры
Яркость/Контраст
Размыть Лицо
Скрыть лица
Мозаика
Размыть области
Удалить Фон
Удалить фон
Улучшить Изображение
ИИ апскейл
Добавить Текст
Добавить текст на изображение
Коллаж
Объединить несколько изображений
HTML в Изображение
Веб в изображение
GIF в Последовательность
Извлечь кадры
Удалить пустые поля
Удалить пустые края
Пакетное переименование изображений
Безопасное массовое переименование файлов
Circle Crop
Crop images into circles
Black & White
Convert images to grayscale
Split Image
Cut an image into a grid
Merge Images
Combine images into one
Change DPI
Set image DPI metadata