← Nazad na funkcije
Free

Слика ↔ Base64

Слика ↔ Base64 конвертује слике (PNG, JPG, SVG, WebP, GIF) у Base64-кодиране data URI низове и назад. Превуците, налепите или кликните да учитате слику; копирајте комплетан data:image/...;base64,... низ и уградите га директно у CSS, HTML или конфигурацију. Или налепите data URI да прегледате слику и преузмете је као фајл.

Base64-кодиране слике могу се уградити директно у CSS, HTML или конфигурационе фајлове — корисно за мале иконе, e-mail шаблоне или билд артефакте где спољни захтеви за сликама нису пожељни. Овај алат чини конверзију једноставном. Превуците фајл слике, налепите из клипборда или кликните да прегледате фајлове. Алат конвертује слику у data URI са исправним MIME типом (data:image/png;base64,..., data:image/svg+xml;base64,... итд). Ради и обрнуто — налепите data URI и алат приказује слику за преглед и нуди линк за преузимање као прави фајл. Ради потпуно у прегледачу, без отпремања — ваше слике никада не напуштају ваш рачунар. Подржава PNG, JPG/JPEG, SVG, WebP, GIF и ICO формате.

Pregled uživo
example.com
Image ↔ Base64 Image → Base64 Base64 → Image
Drop Image
Drop, paste, or click
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Copy Download
Ključne karakteristike

Превуците, налепите или прегледајте

Више начина за учитавање слике: превуците фајл са вашег система, налепите из клипборда (снимци екрана раде) или кликните да отворите бирач фајлова.

Живи преглед слике

Када налепите data URI, алат одмах приказује слику како бисте је проверили пре копирања или преузимања.

Копирање data URI једним кликом

Копира комплетан data:image/...;base64,... низ, спреман за налепљивање у ваш CSS, HTML src атрибут или JSON конфигурацију.

Тренутна конверзија

Без чекања на отпремање — све се дешава локално. Чак се и велике слике конвертују за делић секунде.

Преузимање као фајл

Из Base64 data URI сачувајте декодирану слику као стварни фајл (PNG, JPG, SVG итд) са исправном екстензијом.

Подржава све уобичајене формате

Подржава PNG, JPG, SVG, WebP, GIF и ICO. MIME тип се аутоматски препознаје тако да је ваш data URI увек исправан.

Uobičajeni slučajevi upotrebe

Уграђивање малих икона у CSS

Конвертујте икону 16×16 у Base64 и уградите је директно у background-image: url(...). Без HTTP захтева, без промашаја кеша — икона путује заједно са вашим CSS-ом.

E-mail шаблони

Уградите слике директно у HTML e-mailove као data URI када клијенти блокирају спољне референце на слике или их означавају као спам.

Билд артефакти и пакети

Укључите мале слике у webpack/vite излаз пакета да елиминишете додатне захтеве за ресурсима приликом покретања апликације.

Извлачење слика из data URI

Налепите data URI из dev alata, HTML извора или CSS фајла да прегледате и преузмете изворну слику као фајл.

Дебаговање уграђених слика

Када уграђена слика не приказује се исправно, налепите data URI у декодер да проверите да ли је Base64 исправан и да ли је MIME тип тачан.

Kako se koristi
1

Отворите Слика ↔ Base64

Кликните на икону Image Base64 у DevSuite Pro доку. Отвара се панел са две области — зона за превлачење и поље за data URI.

2

Учитајте слику

Превуците фајл у зону за превлачење, налепите слику из клипборда (Ctrl+V) или кликните на зону да прегледате фајлове. Приказује се преглед.

3

Преузмите data URI

Base64 data URI се одмах генерише у пољу за излаз — кликните Copy да га пошаљете у клипборд, спреман за налепљивање.

4

Обрнути смер

Да бисте ишли из Base64 у слику, налепите data URI у поље. Преглед приказује слику и појављује се дугме Download.

5

Преузмите или копирајте

Сачувајте реконструисану слику као прави фајл или копирајте data URI да га поделите или уградите негде другде.

Spremni da probate?

Instalirajte DevSuite Pro besplatno i otključajte 64+ alata za programere za svoj pretraživač.

Dodaj u Chrome Додај у Edge Dodaj u FireFox