Бесплатный инструмент для изображений

Изображение в Base64: конвертируйте картинки в Base64 онлайн

Загрузите картинку, и инструмент превратит её в текст Base64, который можно сразу вставить в код. Поддерживаются PNG, JPG, GIF, BMP, SVG и WebP. Бесплатно, без регистрации.

PNG в Base64 JPG в Base64 SVG в Base64 Загрузка или URL Копирование в один клик До 5 МБ Без регистрации

Максимальный размер загружаемого файла: 5 MB

Использовать удаленный URL
Загрузить с устройства
Результат кодировщика изображений в Base64 внутри тега img в HTML

Кодировщик изображений в Base64 для HTML и CSS

Этот кодировщик превращает файл изображения в обычный текст Base64. Вставьте его в img src или в фон CSS, и картинка загрузится без отдельного запроса.

Конвертер PNG в Base64 с прозрачным значком

Конвертируйте PNG в Base64

Чаще всего кодируют небольшие PNG-значки, логотипы и спрайты интерфейса. Загрузите PNG, нажмите «Конвертировать» и скопируйте строку. Прозрачность сохраняется, ведь Base64 хранит файл в точности как есть.

Значок SVG, закодированный в Base64, в файле CSS

SVG в Base64 для встроенных значков

Конвертируйте SVG в Base64 для логотипов и значков в фонах CSS и одностраничных файлах. Base64 работает во всех браузерах и вставляется без проблем — не нужно экранировать спецсимволы.

Строка Base64 из JPG внутри JSON-запроса

JPG в Base64 для API и JSON

Нужно передать фото в JSON, запросе к API или текстовом поле базы данных? Конвертируйте JPG или JPEG в Base64, и изображение передастся как обычный текст.

Строка Base64 изображения с префиксом data URI

Как выглядит строка Base64 изображения

Изображение в Base64 — это длинная цепочка букв, цифр и символов + и /, часто с = в конце. С префиксом вроде data:image/png;base64, браузер читает её как картинку.

Размер изображения в Base64 по сравнению с исходным файлом

Когда изображения в Base64 оправданы

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

Конвертация изображения в Base64 онлайн в браузере

Изображение в Base64 онлайн, без кода

Чтобы закодировать изображение в Base64, не нужны ни командная строка, ни скрипты. Инструмент работает в любом браузере на компьютере или телефоне. Загрузите файл с устройства или вставьте URL изображения.

Как конвертировать изображение в Base64

1

Загрузите изображение

Перетащите файл PNG, JPG, SVG, GIF, BMP или WebP до 5 МБ либо вставьте URL изображения.
2

Нажмите «Конвертировать»

Инструмент закодирует изображение в Base64 за секунду-другую.
3

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

Нажмите «Копировать содержимое», чтобы скопировать весь код Base64 в буфер обмена.
4

Вставьте её в код

Используйте её в img src, в url() в CSS или в поле JSON.

Частые вопросы о конвертации изображений в Base64

Как конвертировать изображение в Base64?

Загрузите изображение, нажмите «Конвертировать», а затем «Копировать содержимое». Вы получите всю закодированную строку в один клик, готовую для HTML, CSS или JavaScript.

Как использовать изображение Base64 в HTML?

Поместите строку в src тега img с префиксом data URI, например <img src="data:image/png;base64,iVBORw0...">. Замените png на jpeg, gif, webp или svg+xml в зависимости от файла.

Как использовать изображение Base64 в CSS?

Поместите его внутрь url(), например background-image: url("data:image/png;base64,..."). Это удобно для маленьких значков и узоров, которые не хочется загружать отдельными файлами.

Base64 увеличивает размер изображений?

Да. Base64 добавляет около 33% к размеру, потому что каждые 3 байта превращаются в 4 текстовых символа. Поэтому он подходит для маленьких значков, а не для больших фото.

Снижает ли кодирование в Base64 качество изображения?

Нет. Base64 — это кодирование, а не сжатие. Он хранит точные байты файла, поэтому изображение декодируется обратно пиксель в пиксель.

Как закодировать изображение в Base64 на JavaScript?

В браузере прочитайте файл через FileReader.readAsDataURL(). В Node.js используйте fs.readFileSync(path).toString('base64'). Этот инструмент даёт тот же результат без кода.

Можно ли превратить Base64 обратно в изображение?

Да. Вставьте строку в Base64 в изображение, чтобы посмотреть картинку и скачать файл.

Конвертер изображений в Base64 бесплатный?

Да. Он бесплатный и без регистрации. Можно кодировать изображения размером до 5 МБ каждое.

Закодировали? Проверьте, что строка декодируется.

Вставьте строку в Base64 в изображение, чтобы проверить её, или сначала уменьшите картинку с помощью инструмента изменения размера изображений.

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

Raheel Jakhura

CEO / Co-Founder

Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.

cookies image
Мы заботимся о ваших данных и хотели бы использовать файлы cookie, чтобы улучшить ваш опыт.