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

Преобразователь изображения в Base64 превращает двоичное содержимое файла изображения в текстовую строку Base64, обычно обернутую в URI данных, таких как data:image/png;base64,iVBORw0KG... Base64 - это кодировка, которая представляет любые двоичные данные с использованием 64 печатаемых символов ASCII, поэтому полученная строка может жить непосредственно внутри HTML, CSS, JSON или SVG без необходимости отдельного запроса файла. Этот конвертер также работает в обратном порядке: вставить строку Base64 или полный URI данных и перестраивает исходное изображение для предварительного просмотра и загрузки.

Разработчики встраивают изображения в Base64, чтобы сократить HTTP-запросы, вставлять небольшие значки и логотипы так, чтобы они появлялись в тот момент, когда страница рисуется, и отправлять автономные файлы, где изображение и его разметка перемещаются вместе. URI данных несет свой собственный тип MIME, поэтому браузер может отображать данные: image/png;base64,... как изображение в тот момент, когда он анализирует атрибут. Компромисс - это размер: Base64 раздувает данные примерно на одну треть, поэтому он подходит для небольших активов намного лучше, чем большие фотографии.

Этот инструмент выполняет всю свою работу в вашем браузере. изображение считывается и кодируется локально с помощью API файла браузера, а само изображение никогда не загружается на сервер, который хранит личные иллюстрации и скриншоты на вашем собственном компьютере. Наряду с необработанным Base64 вы получаете готовый к вставке URI данных, тег HTML img и объявление фонового изображения CSS, а также размер декодированного байта, чтобы вы могли судить, стоит ли встраивание, прежде чем зафиксировать.

Направление конвертера Base64 в изображение легко проверить с помощью известной строки. вставьте 96-символьную строку PNG, которая запускает iVBORw0KGgo (один 1×1 пиксель) в Base64 в изображение и нажмите "Декодировать в изображение". Вы получаете предварительный просмотр и кнопку "Загрузить изображение", которая сохраняет декодированный.png, файл размером 70 байт. Запустите этот файл обратно через изображение на Base64, и строка предварительного просмотра прочитает изображение/png · 70 B, декодированное · 96 символов Base64. Чтобы преобразовать Base64 в файлы изображений в других форматах, вставьте полный URI данных, чтобы сохранить правильный тип.

Одно практическое предостережение: URI данных примерно на треть больше файла, который он кодирует, и не может быть кэширован браузером отдельно, поэтому встраивание чего-либо, кроме небольшого значка, обычно стоит дороже, чем запрос, который он сохраняет.