Image ↔ Base64 pretvara slikovne datoteke (PNG, JPG, SVG, WebP, GIF) u Base64-kodirane data URI-je i natrag. Povucite, zalijepite ili kliknite za učitavanje slike; kopirajte cijeli niz data:image/...;base64,... za ugradnju u CSS, HTML ili konfiguraciju. Ili zalijepite data URI za pregled i preuzimanje slike kao datoteke.
Slike kodirane u Base64 mogu se izravno ugraditi u CSS, HTML ili konfiguracijske datoteke — korisno za male ikone, e-mail predloške ili build artefakte gdje vanjski zahtjevi za slikama nisu poželjni. Ovaj alat pretvorbu čini jednostavnom. Povucite slikovnu datoteku, zalijepite iz međuspremnika ili kliknite za pregled datoteka. Alat je pretvara u data URI s ispravnim MIME tipom (data:image/png;base64,..., data:image/svg+xml;base64,..., itd.). Radi i suprotan smjer — zalijepite data URI i alat prikazuje sliku za pregled te nudi poveznicu za preuzimanje kao prave datoteke. Sve se odvija unutar preglednika, bez uploada — vaše slike nikad ne napuštaju vaše računalo. Podržava PNG, JPG/JPEG, SVG, WebP, GIF i ICO formate.
Više načina za učitavanje slike: povucite datoteku s operativnog sustava, zalijepite iz međuspremnika (snimke zaslona rade), ili kliknite za otvaranje odabira datoteke.
Kada zalijepite data URI, alat odmah prikazuje sliku kako biste je mogli provjeriti prije kopiranja ili preuzimanja.
Kopira cijeli niz data:image/...;base64,... spreman za lijepljenje u vaš CSS, HTML src atribut ili JSON konfiguraciju.
Bez čekanja na upload — sve se odvija lokalno. Čak se i velike slike pretvaraju u djeliću sekunde.
Iz Base64 data URI-ja spremite dekodiranu sliku kao pravu datoteku (PNG, JPG, SVG, itd.) s ispravnom ekstenzijom.
Podržava PNG, JPG, SVG, WebP, GIF i ICO. MIME tip se prepoznaje automatski pa je vaš data URI uvijek ispravan.
Pretvorite ikonu 16×16 u Base64 i ugradite je izravno u background-image: url(...). Bez HTTP zahtjeva, bez promašaja u predmemoriji — ikona putuje zajedno s vašim CSS-om.
Ugradite slike izravno u HTML e-mailove kao data URI-je kada klijenti blokiraju vanjske reference na slike ili ih označavaju kao spam.
Uključite male slike u izlaz webpack/vite bundlea kako biste izbjegli dodatne zahtjeve za resurse pri pokretanju aplikacije.
Zalijepite data URI iz dev alata, HTML izvornog koda ili CSS datoteke za pregled i preuzimanje pripadajuće slike kao datoteke.
Kada se ugrađena slika ne prikazuje, zalijepite data URI u dekoder da provjerite je li Base64 valjan i je li MIME tip ispravan.
Kliknite ikonu Image Base64 u DevSuite Pro doku. Otvara se panel s dva okna — zonom za ispuštanje datoteke i poljem za data URI.
Povucite datoteku u zonu za ispuštanje, zalijepite sliku iz međuspremnika (Ctrl+V) ili kliknite zonu za pregled datoteka. Prikazuje se pregled.
Base64 data URI odmah se generira u izlaznom polju — kliknite Copy za slanje u međuspremnik, spremno za lijepljenje.
Za pretvorbu Base64 → slika, zalijepite data URI u polje. Pregled prikazuje sliku i pojavljuje se gumb za preuzimanje.
Spremite rekonstruiranu sliku kao pravu datoteku, ili kopirajte data URI za dijeljenje ili ugradnju negdje drugdje.
Instalirajte DevSuite Pro besplatno i otključajte 64+ razvojnih alata za svoj preglednik.
