Кодируйте любое изображение как URI данных Base64.
Перетащите изображение в инструмент и мгновенно получите строку в кодировке Base64. Используйте выходные данные в качестве URI данных в HTML, CSS или JSON, не размещая изображение отдельно. Инструмент отображает закодированную длину, тип MIME и предварительный просмотр в реальном времени, чтобы вы могли проверить результат перед копированием.
Используйте этот инструмент бесплатноBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Как использовать
Загрузите изображение
Перетащите файл JPEG, PNG, WebP, GIF или SVG в инструмент. Изображение считывается локально и никогда не покидает ваше устройство.
Просмотрите выходные данные
Инструмент отображает строку Base64, URI данных и предварительный просмотр декодированного изображения в реальном времени, чтобы вы могли убедиться в его совпадении.
Скопируйте или скачайте
Нажмите, чтобы скопировать строку URI данных или загрузить ее в виде обычного текстового файла. Используйте кнопки фрагмента HTML или CSS для готового к вставке кода.
Функции
Поддержка нескольких форматов
Кодируйте файлы JPEG, PNG, WebP, GIF и SVG. Правильный тип MIME автоматически определяется и включается в префикс URI данных.
Копирование в один клик
Скопируйте необработанную строку Base64 или полный URI данных одним щелчком мыши. Тост с подтверждением сообщит вам, что текст находится в буфере обмена.
Вывод статистики
Посмотрите исходный размер файла, длину закодированной строки и процент накладных расходов на кодирование. Это поможет вам решить, стоит ли встраивание изображения в компромисс.
CSS и HTML-фрагменты
Получите готовые к вставке фрагменты кода для тега HTML img и правила CSS для фонового изображения. Скопируйте фрагмент и поместите его прямо в свою кодовую базу.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceТехнические характеристики
| Форматы ввода | JPEG, PNG, WebP, GIF, SVG |
| Выход | URI строки/данных Base64 |
| Максимальный размер файла | 10 МБ |
| Обнаружение MIME | Автоматический |
| Форматы фрагментов | HTML-изображение, CSS-фон |
| Обработка | Клиентская сторона (без загрузки) |
Related Magic Eraser Tools
Общие вопросы
Когда мне следует использовать Base64 вместо обычного файла изображения?
+
Встраивание Base64 наиболее полезно для очень маленьких изображений, таких как значки, пиксели отслеживания 1x1 или крошечные элементы пользовательского интерфейса, где сохранение дополнительного HTTP-запроса имеет большее значение, чем увеличение размера примерно на 33%, которое добавляет кодировка Base64.
Кодировка Base64 снижает качество изображения?
+
Нет. Base64 — это кодирование данных двоичного файла без потерь. Декодированное изображение побайтно идентично оригиналу. Единственным компромиссом является больший объем текстовой нагрузки.
Существует ли максимальный размер файла, который я могу закодировать?
+
Инструмент принимает файлы размером до 10 МБ. Изображения большего размера будут создавать очень длинные строки, которые может оказаться непрактичным для встраивания. Для больших изображений почти всегда лучшим подходом является размещение файла и ссылка на него с помощью URL-адреса.
Вам нужно исходное изображение меньшего размера?
AI Enhance может сжимать и оптимизировать изображения перед их кодированием. Исходный файл меньшего размера создает более короткую строку Base64, уменьшая вес страницы.
Попробуйте бесплатноMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Создавайте линейные, радиальные и конические градиенты с несколькими цветовыми точками. Скопируйте код CSS или загрузите изображение в формате PNG. Никакой регистрации не требуется.
Преобразуйте цвета между именованными форматами HEX, RGB, HSL, HSB, CMYK и CSS. Просмотрите предварительный просмотр в реальном времени, скопируйте любое значение и экспортируйте карту цветов. Никакой регистрации не требуется.
Преобразуйте цветовые коды HEX в значения RGB и наоборот. Предварительный просмотр в реальном времени, копирование одним щелчком мыши и вывод фрагмента CSS. Регистрация не требуется — работает в вашем браузере.
Выберите любой цвет из загруженного изображения и мгновенно получите его коды HEX, RGB и HSL. Создавайте палитры из фотографий для веб-дизайна, брендинга и иллюстраций.
Загрузите фотографию и извлеките 5–10 доминирующих цветов с помощью кодов HEX, RGB и HSL. Копируйте образцы, экспортируйте их как переменные ASE или CSS. Никакой регистрации не требуется.
Создавайте QR-коды для URL-адресов, текста, учетных данных Wi-Fi и визитных карточек. Настройте цвета, добавьте центральный логотип и загрузите его в формате PNG или SVG. Никакой регистрации не требуется.