Image to Base64
Convert images to Base64
Convert images to Base64 Запускается локально в вашем браузере
About the
Конвертер изображения в Base64 преобразует любой файл изображения в URI данных Base64, который можно вставить прямо в HTML, CSS или JSON. Файл считывается с помощью собственной программы чтения файлов браузера и кодируется локально, поэтому он никогда не загружается, что делает его безопасным для логотипов и ресурсов, которые вы не хотели бы отправлять третьей стороне. Количество символов отображается рядом с результатом, поскольку Base64 увеличивает размер примерно на треть, и это имеет значение, когда строка оказывается встроенной на странице.
Where people use the
- Встраивание небольшого логотипа, чтобы шаблон электронного письма отображался без внешних ресурсов.
- Встраивание значка в однофайловый HTML-документ.
- Помещение изображения в полезную нагрузку JSON, которая принимает только текст.
- Как избежать предупреждения о смешанном контенте на странице, обслуживаемой через HTTPS.
How to use the
- 1
Выберите изображение
Используйте элемент управления загрузкой, чтобы выбрать любой файл изображения. Принимаются все распространенные форматы, такие как PNG, JPEG, GIF и SVG.
- 2
Подождите кодировки
URI данных появляется в текстовой области после чтения файла. Файлы большего размера занимают немного больше времени.
- 3
Скопируйте строку
Используйте кнопку копирования, чтобы получить весь URI данных, включая префикс data: и тип носителя.
- 4
Вставьте туда, где вам нужно
Используйте его как источник тега изображения, внутри значения CSS url() или как поле в полезных данных JSON.
Советы и лучшие практики
- Сохраняйте встроенные изображения небольшими; строка примерно на треть больше файла.
- Скопируйте весь URI данных, включая префикс data:, иначе браузер не отобразит его.
- Для фотографий разместите файл и дайте ссылку на него, а не встраивайте его.
Часто задаваемые вопросы
Изображение куда-нибудь загружено?
Нет. Файл считывается и кодируется в вашем браузере, поэтому он никогда не покидает ваше устройство. Это основная причина использовать его, а не онлайн-конвертер, требующий загрузки.
Почему строка намного длиннее файла?
Base64 представляет три байта с четырьмя символами, поэтому результат примерно на треть больше, чем исходный файл, без учета каких-либо других затрат.
Должен ли я встраивать изображения на страницу?
Только маленькие. Встраивание сохраняет запрос, но блокирует отдельное кэширование файла и увеличивает размер HTML-кода, поэтому он подходит для значков и крошечных логотипов, а не для фотографий.
Могу ли я пойти другим путем?
Не здесь. Этот инструмент кодирует файл изображения в текст. Для декодирования требуется декодер Base64 плюс исходный тип носителя.
Есть ли ограничение на размер файла?
Ограничения по количеству серверов нет, потому что ничего не загружается. Очень большие изображения по-прежнему требуют времени для кодирования и создания громоздкой строки.