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

Автор: Роман Чернышов   

Добрый день друзья! Представляю вашему вниманию инструмент для конвертации изображений в Base64, который используется для того, чтобы представить бинарные данные (например, картинку) в текстовом формате. Это может быть полезно по нескольким причинам: — встраивание в код, передача данных, уменьшение HTTP запросов, портативность. К недостаткам можно отнести то, что размер данных в Base64 увеличивается примерно на 33% по сравнению с исходным файлом, так как бинарные данные кодируются в текст. Конвертер поддерживает три типа вывода, примеры смотрите ниже.

Тип вывода

в Base64 в CSS и Base64 в HTML и Base64

Выберите изображение для конвертации

Конвертировать

Тут будет отображен результат

Примеры

Вывод в виде строки Base64

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD=

Вывод в виде CSS правила

.class {
    width: 1518px;
    height: 1301px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD=');
}

Вывод в виде строки HTML

<img width="1518" height="1301" alt="" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD="/>

Инструменты     Base64, конвертер изображений