Image ↔ Base64 konvertuoja vaizdų failus (PNG, JPG, SVG, WebP, GIF) į Base64 koduotus duomenų URI ir atgal. Vilkite, įklijuokite arba spustelėkite, kad įkeltumėte vaizdą; nukopijuokite pilną data:image/...;base64,... eilutę, kad įterptumėte ją tiesiogiai į CSS, HTML ar konfigūracijos failą. Arba įklijuokite duomenų URI, kad peržiūrėtumėte ir atsisiųstumėte jį kaip vaizdo failą.
Base64 koduoti vaizdai gali būti įterpti tiesiogiai į CSS, HTML ar konfigūracijos failus — tai naudinga mažoms piktogramoms, el. laiškų šablonams ar surinkimo (build) rezultatams, kai nepageidaujami išoriniai vaizdų užklausos. Šis įrankis konvertavimą atlieka be pastangų. Vilkite vaizdo failą, įklijuokite iš iškarpinės arba spustelėkite, kad naršytumėte. Įrankis konvertuoja jį į duomenų URI su teisingu MIME tipu (data:image/png;base64,..., data:image/svg+xml;base64,... ir t. t.). Veikia ir priešinga kryptimi — įklijuokite duomenų URI, ir įrankis atvaizduoja peržiūrai bei pasiūlo atsisiuntimo nuorodą, kad išsaugotumėte jį kaip tikrą failą. Viskas veikia naršyklėje, jokių įkėlimų — jūsų vaizdai niekada nepalieka jūsų kompiuterio. Palaiko PNG, JPG/JPEG, SVG, WebP, GIF ir ICO formatus.
Keli būdai įkelti vaizdą: vilkite failą iš operacinės sistemos, įklijuokite iš iškarpinės (veikia ir ekrano nuotraukos) arba spustelėkite, kad atidarytumėte failų parinkiklį.
Kai įklijuojate duomenų URI, įrankis iškart atvaizduoja vaizdą, kad galėtumėte jį patikrinti prieš kopijuodami ar atsisiųsdami.
Nukopijuoja pilną data:image/...;base64,... eilutę, paruoštą įklijuoti į jūsų CSS, HTML src atributą ar JSON konfigūraciją.
Jokio laukimo dėl įkėlimo — viskas vyksta lokaliai. Net dideli vaizdai konvertuojami per sekundės dalį.
Iš Base64 duomenų URI išsaugokite dekoduotą vaizdą kaip tikrą failą (PNG, JPG, SVG ir kt.) su teisingu plėtiniu.
Palaiko PNG, JPG, SVG, WebP, GIF ir ICO. MIME tipas nustatomas automatiškai, todėl jūsų duomenų URI visada teisingas.
Konvertuokite 16×16 piktogramą į Base64 ir įterpkite ją tiesiogiai į background-image: url(...). Jokios HTTP užklausos, jokio talpyklos praleidimo — piktograma keliauja kartu su jūsų CSS.
Įterpkite vaizdus tiesiogiai į HTML el. laiškus kaip duomenų URI, kai išorinės vaizdų nuorodos blokuojamos klientų arba pažymimos kaip šlamštas.
Įtraukite mažus vaizdus į webpack/vite paketo rezultatą, kad išvengtumėte papildomų išteklių užklausų programos paleidimo metu.
Įklijuokite duomenų URI iš naršyklės kūrėjo įrankių, HTML kodo ar CSS failo, kad peržiūrėtumėte ir atsisiųstumėte pradinį vaizdą kaip failą.
Kai įterptas vaizdas neatvaizduojamas, įklijuokite duomenų URI į dekoderį, kad patikrintumėte, ar Base64 galiojantis ir ar MIME tipas teisingas.
Spustelėkite Image Base64 piktogramą DevSuite Pro doke. Atsidaro dviejų sričių skydelis su vilkimo zona ir duomenų URI lauku.
Vilkite failą į vilkimo zoną, įklijuokite vaizdą iš iškarpinės (Ctrl+V) arba spustelėkite zoną, kad naršytumėte. Pasirodo peržiūra.
Base64 duomenų URI iškart sugeneruojamas išvesties lauke — spustelėkite Kopijuoti, kad nusiųstumėte jį į iškarpinę, paruoštą įklijuoti tiesiogiai.
Norėdami konvertuoti Base64 → vaizdas, įklijuokite duomenų URI į lauką. Peržiūra atvaizduoja vaizdą, ir pasirodo atsisiuntimo mygtukas.
Išsaugokite atkurtą vaizdą kaip tikrą failą arba nukopijuokite duomenų URI, kad pasidalintumėte ar įterptumėte kitur.
Įdiekite „DevSuite Pro“ nemokamai ir atrakinkite 64+ kūrėjų įrankius savo naršyklei.
