Зображення в 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