Image ↔ Base64 конвертира файлове с изображения (PNG, JPG, SVG, WebP, GIF) в Base64-кодирани data URI и обратно. Плъзнете, поставете или щракнете, за да заредите изображение; копирайте пълния низ data:image/...;base64,..., за да го вградите директно в CSS, HTML или конфигурационен файл. Или поставете data URI, за да го прегледате и изтеглите като файл с изображение.
Base64-кодираните изображения могат да бъдат вградени директно в CSS, HTML или конфигурационни файлове — полезно за малки икони, имейл шаблони или build артефакти, при които външните заявки за изображения са нежелани. Този инструмент прави конвертирането лесно. Плъзнете файл с изображение, поставете от клипборда или щракнете, за да прегледате файловете си. Инструментът го конвертира в 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,..., готов за поставяне във вашия CSS, HTML атрибут src или JSON конфигурация.
Без чакане за качване — всичко се случва локално. Дори големи изображения се конвертират за части от секундата.
От Base64 data URI, запазете декодираното изображение като реален файл (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 от dev tools, HTML код или CSS файл, за да прегледате и изтеглите съответното изображение като файл.
Когато вградено изображение не се показва, поставете data URI в декодера, за да проверите дали Base64 е валиден и MIME типът е коректен.
Щракнете върху иконата Image Base64 в дока на DevSuite Pro. Отваря се панел с две зони — зона за пускане на файлове и поле за data URI.
Плъзнете файл в зоната за пускане, поставете изображение от клипборда (Ctrl+V) или щракнете върху зоната, за да прегледате файловете. Появява се преглед.
Base64 data URI се генерира веднага в изходното поле — щракнете Copy, за да го изпратите в клипборда, готов за поставяне директно в кода.
За да преминете от Base64 към изображение, поставете data URI в полето. Прегледът рендира изображението и се появява бутон Download.
Запазете възстановеното изображение като реален файл или копирайте data URI, за да го споделите или вградите другаде.
Инсталирайте DevSuite Pro безплатно и отключете 64+ инструмента за разработчици за вашия браузър.
