Изображение в Base64 — бесплатно
Конвертируйте изображение в URI-данные Base64 для встраивания в CSS, HTML или Markdown. Копируйте готовые фрагменты. Кодируется в браузере; никогда не загружается.
Перетащите файл сюда или нажмите для выбора
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · обрабатывается на вашем устройстве
или нажмите Ctrl+V, чтобы вставить из буфера обмена
Совет: вы также можете вставить изображение из буфера обмена (Ctrl+V).
Ваши файлы никогда не покидают устройство. Вся обработка происходит локально в браузере.
Конвертируйте изображение в Base64 data URI для вставки прямо в CSS, HTML или Markdown — без отдельного файла. Кодирование в браузере, без загрузки.
Частые применения
- Встроить изображение в CSSВстройте небольшой значок или фон в виде URI данных в вашу таблицу стилей.
- Встроить изображение в HTMLВстройте логотип или значок непосредственно в самодостаточный HTML.
- Преобразовать SVG или значок в Base64Превратите небольшой значок в URI данных для встраивания.
- Встроить изображение в MarkdownВстройте небольшое изображение в файл Markdown с URI данных.
- Получить URI данных изображенияСоздайте сырой data: URI, который вы можете использовать где угодно.
Как это работает
URI данных встраивает изображение непосредственно в ваш код как текст, так что он загружается без отдельного запроса файла — удобно для небольших значков и самостоятельного HTML. Это кодирует его в браузере.
- 1Вы перетаскиваете изображениеОно читается локально с помощью FileReader API — никогда не загружается.
- 2Это кодируется Base64Байты изображения становятся URI данных (data:image/...;base64,…) прямо в браузере.
- 3Вы выбираете фрагмент кодаСкопируйте сырой URI данных или готовый к использованию CSS (background-image), HTML (<img>) или Markdown.
- 4Вставьте его в ваш кодИзображение теперь путешествует встроенным в ваш CSS/HTML — никаких дополнительных файлов для размещения.
Изображение кодируется полностью на вашем устройстве. Обратите внимание, что Base64 на ~33% больше исходного, поэтому URI данных лучше всего использовать для небольших изображений.
Похожие инструменты
Стеганография изображений (скрытие текста в картинке)
Скрывайте секретный текст в PNG с помощью стеганографии наименее значимых битов и опциональным шифрованием AES-256-GCM с паролем. Извлекайте позже с помощью того же инструмента. Всё работает в браузере.
Кодировщик и декодировщик Base64
Кодируйте текст или файлы в Base64 или декодируйте строки Base64 обратно в обычный текст. Мгновенно, конфиденциально и бесплатно.
URL-кодер и декодер
Кодируйте и декодируйте URL-адреса и строки запроса. Поддерживает encodeURIComponent, decodeURIComponent и анализ строки запроса.