Конвертер изображений в 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 и никогда не загружается на сервер, который сохраняет личные иллюстрации и скриншоты на вашей собственной машине. Наряду с необработанным Base64 вы получаете готовый к вставке URI данных, тег HTML img и объявление фонового изображения CSS, а также размер декодированного байта, чтобы вы могли судить, стоит ли встраивать данные, прежде чем зафиксировать.

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