← Nazaj na funkcije
Free

Slika ↔ Base64

Slika ↔ Base64 pretvori slikovne datoteke (PNG, JPG, SVG, WebP, GIF) v Base64 kodirane podatkovne URI-je in nazaj. Povlecite, prilepite ali kliknite za nalaganje slike; kopirajte celoten niz data:image/...;base64,... za vgradnjo v CSS, HTML ali konfiguracijo. Ali prilepite podatkovni URI, da ga predogledate in prenesete kot slikovno datoteko.

Base64 kodirane slike lahko vgradite neposredno v CSS, HTML ali konfiguracijske datoteke — uporabno za majhne ikone, e-poštne predloge ali gradbene artefakte, kjer zunanje zahteve za slike niso zaželene. To orodje omogoča pretvorbo brez težav. Povlecite slikovno datoteko, prilepite iz odložišča ali kliknite za brskanje. Orodje jo pretvori v podatkovni URI s pravilnim MIME tipom (data:image/png;base64,..., data:image/svg+xml;base64,... itd.). Deluje tudi v obratni smeri — prilepite podatkovni URI in orodje izriše sliko za predogled ter ponudi povezavo za prenos, da jo shranite kot pravo datoteko. Deluje popolnoma v brskalniku, brez nalaganja na strežnik — vaše slike nikoli ne zapustijo vaše naprave. Podpira formate PNG, JPG/JPEG, SVG, WebP, GIF in ICO.

Predogled v živo
example.com
Image ↔ Base64 Slika → Base64 Base64 → Slika
Povleci sliko
Povleci, prilepi ali klikni
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
URI podatkov Base64
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Kopiraj Prenos
Ključne lastnosti

Povlecite, prilepite ali brskajte

Več načinov za nalaganje slike: povlecite datoteko iz operacijskega sistema, prilepite iz odložišča (delujejo tudi posnetki zaslona) ali kliknite za odprtje izbirnika datotek.

Sprotni predogled slike

Ko prilepite podatkovni URI, orodje sliko takoj izriše, da jo lahko preverite pred kopiranjem ali prenosom.

Kopiranje podatkovnega URI-ja z enim klikom

Kopira celoten niz data:image/...;base64,..., pripravljen za prilepitev v vaš CSS, HTML atribut src ali JSON konfiguracijo.

Takojšnja pretvorba

Brez čakanja na nalaganje — vse poteka lokalno. Tudi velike slike se pretvorijo v delčku sekunde.

Prenos kot datoteka

Iz Base64 podatkovnega URI-ja shranite dekodirano sliko kot pravo datoteko (PNG, JPG, SVG itd.) s pravilno pripono.

Podpira vse pogoste formate

Podpira PNG, JPG, SVG, WebP, GIF in ICO. MIME tip se zazna samodejno, tako da je vaš podatkovni URI vedno pravilen.

Pogosti primeri uporabe

Vgrajevanje majhnih ikon v CSS

Pretvorite ikono 16×16 v Base64 in jo vgradite v background-image: url(...). Brez HTTP zahteve, brez zgrešenega predpomnilnika — ikona potuje skupaj z vašim CSS.

E-poštne predloge

Vgradite slike neposredno v HTML e-poštna sporočila kot podatkovne URI-je, kadar odjemalci blokirajo zunanje sklice na slike ali jih označijo kot vsiljeno pošto.

Gradbeni artefakti in svežnji

Vključite majhne slike v izhod svežnja webpack/vite, da odpravite dodatne zahteve za vire ob zagonu aplikacije.

Izločanje slik iz podatkovnih URI-jev

Prilepite podatkovni URI iz razvijalskih orodij, HTML izvorne kode ali CSS datoteke, da predogledate in prenesete izvorno sliko kot datoteko.

Odpravljanje napak pri vgrajenih slikah

Kadar se vgrajena slika ne izriše, prilepite podatkovni URI v dekoder, da preverite, ali je Base64 veljaven in ali je MIME tip pravilen.

Kako uporabljati
1

Odprite Slika ↔ Base64

Kliknite ikono Image Base64 v DevSuite Pro doku. Odpre se dvodelna plošča z območjem za spuščanje in poljem za podatkovni URI.

2

Naložite sliko

Povlecite datoteko na območje za spuščanje, prilepite sliko iz odložišča (Ctrl+V) ali kliknite območje za brskanje. Prikaže se predogled.

3

Pridobite podatkovni URI

Base64 podatkovni URI se takoj ustvari v izhodnem polju — kliknite Kopiraj, da ga pošljete v odložišče, pripravljenega za prilepitev.

4

Obratna smer

Za pretvorbo Base64 → slika prilepite podatkovni URI v polje. Predogled izriše sliko in prikaže se gumb za prenos.

5

Prenesite ali kopirajte

Shranite rekonstruirano sliko kot pravo datoteko ali kopirajte podatkovni URI za deljenje ali vgradnjo drugje.

Pripravljeni na poskus?

Namestite DevSuite Pro brezplačno in odklenite več kot 64 orodij za razvijalce za svoj brskalnik.

Dodaj v Chrome Dodaj v Edge Dodaj v FireFox