Image ↔ Base64 конвертує файли зображень (PNG, JPG, SVG, WebP, GIF) у data URI з кодуванням Base64 і навпаки. Перетягніть, вставте або клацніть, щоб завантажити зображення; скопіюйте повний рядок data:image/...;base64,..., щоб вбудувати його прямо в CSS, HTML або конфігурацію. Або вставте data URI, щоб переглянути та завантажити його як файл зображення.
Зображення, закодовані в Base64, можна вбудовувати безпосередньо в CSS, HTML або конфігураційні файли — це корисно для маленьких іконок, email-шаблонів або артефактів збірки, де небажані зовнішні запити на зображення. Цей інструмент робить конвертацію легкою. Перетягніть файл зображення, вставте з буфера обміну або клацніть, щоб відкрити файловий діалог. Інструмент перетворює його на data URI з правильним MIME-типом (data:image/png;base64,..., data:image/svg+xml;base64,... тощо). Зворотний напрямок теж працює — вставте data URI, і інструмент відобразить зображення для перегляду та запропонує посилання для завантаження як реального файлу. Все відбувається повністю в браузері, без завантажень на сервер — ваші зображення ніколи не покидають ваш комп'ютер. Підтримує формати PNG, JPG/JPEG, SVG, WebP, GIF та ICO.
Кілька способів завантажити зображення: перетягніть файл з ОС, вставте з буфера обміну (скріншоти теж працюють) або клацніть, щоб відкрити файловий діалог.
Коли ви вставляєте data URI, інструмент одразу відображає зображення, щоб ви могли перевірити його перед копіюванням чи завантаженням.
Копіює повний рядок data:image/...;base64,..., готовий для вставки в атрибут src вашого CSS, HTML або в JSON-конфігурацію.
Без очікування завантаження — усе відбувається локально. Навіть великі зображення конвертуються за частку секунди.
З data URI у форматі Base64 збережіть декодоване зображення як реальний файл (PNG, JPG, SVG тощо) із правильним розширенням.
Підтримує PNG, JPG, SVG, WebP, GIF та ICO. MIME-тип визначається автоматично, тому ваш data URI завжди коректний.
Конвертуйте іконку 16×16 у Base64 і вбудуйте її прямо в background-image: url(...). Жодного HTTP-запиту, жодного промаху кешу — іконка постачається разом із вашим CSS.
Вбудовуйте зображення безпосередньо в HTML-листи як data URI, коли зовнішні посилання на зображення блокуються поштовими клієнтами або позначаються як спам.
Включайте маленькі зображення у вивід webpack/vite бандла, щоб уникнути додаткових запитів за ресурсами під час запуску застосунку.
Вставте data URI з інструментів розробника, HTML-коду чи CSS-файлу, щоб переглянути та завантажити зображення як файл.
Коли вбудоване зображення не відображається, вставте data URI в декодер, щоб перевірити коректність Base64 і правильність MIME-типу.
Клацніть на іконку Image Base64 у панелі DevSuite Pro. Відкриється панель з двома розділами: зона перетягування та поле data URI.
Перетягніть файл у зону, вставте зображення з буфера обміну (Ctrl+V) або клацніть на зону, щоб вибрати файл. З'явиться попередній перегляд.
Data URI у форматі Base64 генерується миттєво в полі виводу — клацніть Copy, щоб надіслати його в буфер обміну, готовим для вставки.
Щоб перетворити Base64 → зображення, вставте data URI в поле. Попередній перегляд відобразить зображення, і з'явиться кнопка Download.
Збережіть відновлене зображення як реальний файл або скопіюйте data URI, щоб поділитися ним чи вбудувати десь іще.
Встановіть DevSuite Pro безкоштовно та отримайте понад 64 інструментів розробника
