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.
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.
Ko prilepite podatkovni URI, orodje sliko takoj izriše, da jo lahko preverite pred kopiranjem ali prenosom.
Kopira celoten niz data:image/...;base64,..., pripravljen za prilepitev v vaš CSS, HTML atribut src ali JSON konfiguracijo.
Brez čakanja na nalaganje — vse poteka lokalno. Tudi velike slike se pretvorijo v delčku sekunde.
Iz Base64 podatkovnega URI-ja shranite dekodirano sliko kot pravo datoteko (PNG, JPG, SVG itd.) s pravilno pripono.
Podpira PNG, JPG, SVG, WebP, GIF in ICO. MIME tip se zazna samodejno, tako da je vaš podatkovni URI vedno pravilen.
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.
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.
Vključite majhne slike v izhod svežnja webpack/vite, da odpravite dodatne zahteve za vire ob zagonu aplikacije.
Prilepite podatkovni URI iz razvijalskih orodij, HTML izvorne kode ali CSS datoteke, da predogledate in prenesete izvorno sliko kot datoteko.
Kadar se vgrajena slika ne izriše, prilepite podatkovni URI v dekoder, da preverite, ali je Base64 veljaven in ali je MIME tip pravilen.
Kliknite ikono Image Base64 v DevSuite Pro doku. Odpre se dvodelna plošča z območjem za spuščanje in poljem za podatkovni URI.
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.
Base64 podatkovni URI se takoj ustvari v izhodnem polju — kliknite Kopiraj, da ga pošljete v odložišče, pripravljenega za prilepitev.
Za pretvorbo Base64 → slika prilepite podatkovni URI v polje. Predogled izriše sliko in prikaže se gumb za prenos.
Shranite rekonstruirano sliko kot pravo datoteko ali kopirajte podatkovni URI za deljenje ali vgradnjo drugje.
Namestite DevSuite Pro brezplačno in odklenite več kot 64 orodij za razvijalce za svoj brskalnik.