Изображение към Data URI

Data URI кодира изображение направо като текст (Base64), така че можете да го вградите вградено в HTML (в img src) или CSS (във фон) без отделен файл и без допълнителна мрежова заявка. Този инструмент преобразува вашето изображение в готов за поставяне data: URI.

Резултатът е обикновен текстов файл с пълния низ data:image/...;base64,... . Удобен е за мънички икони, шаблони за писма, демонстрации в един файл или за да избегнете допълнителна заявка, макар че текстът Base64 е около една трета по-голям от оригиналните байтове.

Всичко работи изцяло локално във вашия браузър (без качване, дори офлайн) - вашето изображение никога не напуска устройството. Изображението се кодира както си е (същите байтове, същия формат, без прекодиране); много голямо изображение прави много дълъг низ, затова това е най-подходящо за малки изображения.

Честният компромис на вграждането: data URI пътува с всяка доставка на HTML или CSS файла и не се кешира отделно от браузъра. Като правило вграждането си струва само при много малки графики - икони от няколко килобайта; големите изображения са по-добре като отделен файл. За бърза проверка поставете низа направо в адресната лента на браузъра.

Технически данни

В 3 стъпки

1. Пуснете или докоснете изображението (PNG, JPEG или WebP).
2. То се кодира в data: URI чрез Base64 във вашия браузър.
3. Изтеглете текстовия файл с data URI (готов за поставяне).

Ограничения: Кодира байтовете на изображението както са чрез Base64 в низ data:<тип>;base64,... и го запазва като текстов файл. Base64 е около 33% по-голям от оригинала, затова е най-подходящ за малки изображения. Оригиналният формат и байтове се запазват (без прекодиране).

Чести въпроси

Сходни инструменти

Колаж от снимки · Компресиране на снимки · PNG към SVG · Оптимизация на SVG