← Atpakaļ uz funkcijām
Free

Attēls ↔ Base64

Attēls ↔ Base64 konvertē attēlu failus (PNG, JPG, SVG, WebP, GIF) uz Base64 kodētiem datu URI un otrādi. Velciet, ielīmējiet vai noklikšķiniet, lai ielādētu attēlu; kopējiet pilno data:image/...;base64,... virkni, lai iegultu to CSS, HTML vai konfigurācijas failā. Vai ielīmējiet datu URI, lai to priekšskatītu un lejupielādētu kā attēla failu.

Base64 kodētus attēlus var iegult tieši CSS, HTML vai konfigurācijas failos — noderīgi maziem ikonu attēliem, e-pasta veidnēm vai būvēšanas artefaktiem, kur ārējie attēlu pieprasījumi nav vēlami. Šis rīks padara konvertēšanu vienkāršu. Ievelciet attēla failu, ielīmējiet no starpliktuves vai noklikšķiniet, lai pārlūkotu. Rīks pārveido to par datu URI ar pareizo MIME tipu (data:image/png;base64,..., data:image/svg+xml;base64,... utt.). Darbojas arī pretējā virzienā — ielīmējiet datu URI, un rīks atveido attēlu priekšskatīšanai un piedāvā lejupielādes saiti, lai saglabātu to kā īstu failu. Viss notiek pārlūkā, bez augšupielādes — jūsu attēli nekad neatstāj jūsu ierīci. Atbalsta PNG, JPG/JPEG, SVG, WebP, GIF un ICO formātus.

Tiešraides priekšskatījums
example.com
Image ↔ Base64 Attēls → Base64 Base64 → Attēls
Nometiet attēlu
Nometiet, ielīmējiet vai noklikšķiniet
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 datu URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Kopet Lejupielades
Galvenās funkcijas

Velciet, ielīmējiet vai pārlūkojiet

Vairāki veidi, kā ielādēt attēlu: ievelciet failu no sava OS, ielīmējiet no starpliktuves (darbojas arī ekrānuzņēmumi) vai noklikšķiniet, lai atvērtu failu izvēlni.

Attēla priekšskatījums reāllaikā

Kad ielīmējat datu URI, rīks nekavējoties atveido attēlu, lai varētu to pārbaudīt pirms kopēšanas vai lejupielādes.

Datu URI kopēšana ar vienu klikšķi

Nokopē pilnu data:image/...;base64,... virkni, kas gatava ielīmēšanai jūsu CSS, HTML src atribūtā vai JSON konfigurācijā.

Tūlītēja konvertēšana

Nav jāgaida augšupielāde — viss notiek lokāli. Pat lieli attēli tiek konvertēti sekundes daļā.

Lejupielāde kā fails

No Base64 datu URI saglabājiet dekodēto attēlu kā īstu failu (PNG, JPG, SVG utt.) ar pareizo faila paplašinājumu.

Atbalsta visus izplatītākos formātus

Atbalsta PNG, JPG, SVG, WebP, GIF un ICO. MIME tips tiek noteikts automātiski, tāpēc jūsu datu URI vienmēr ir pareizs.

Biežākie lietošanas veidi

Mazu ikonu iegulšana CSS

Konvertējiet 16×16 ikonu uz Base64 un iegultu to background-image: url(...). Bez HTTP pieprasījuma, bez kešatmiņas trūkuma — ikona tiek piegādāta kopā ar jūsu CSS.

E-pasta veidnes

Iegultu attēlus tieši HTML e-pastos kā datu URI, ja ārējas attēlu saites tiek bloķētas klientos vai atzīmētas kā surogātpasts.

Būvēšanas artefakti un pakotnes

Iekļaujiet mazus attēlus webpack/vite pakotnes izvadē, lai izslēgtu resursu pieprasījumus lietotnes palaišanas laikā.

Attēlu iegūšana no datu URI

Ielīmējiet datu URI no izstrādātāja rīkiem, HTML koda vai CSS faila, lai priekšskatītu un lejupielādētu pamatā esošo attēlu kā failu.

Iegulto attēlu atkļūdošana

Ja iegultais attēls netiek attēlots, ielīmējiet datu URI dekoderī, lai pārbaudītu, vai Base64 ir derīgs un MIME tips ir pareizs.

Kā lietot
1

Atveriet Attēls ↔ Base64

Noklikšķiniet uz Image Base64 ikonas DevSuite Pro dokā. Atveras panelis ar divām sadaļām — nomešanas zonu un datu URI lauku.

2

Ielādējiet attēlu

Ievelciet failu nomešanas zonā, ielīmējiet attēlu no starpliktuves (Ctrl+V) vai noklikšķiniet uz zonas, lai pārlūkotu. Parādās priekšskatījums.

3

Iegūstiet datu URI

Base64 datu URI tiek uzreiz izveidots izvades laukā — noklikšķiniet Copy, lai nosūtītu to uz starpliktuvi, gatavu ielīmēšanai kodā.

4

Pretējais virziens

Lai konvertētu no Base64 uz attēlu, ielīmējiet datu URI laukā. Priekšskatījumā parādās attēls, un parādās Download poga.

5

Lejupielādējiet vai kopējiet

Saglabājiet atveidoto attēlu kā īstu failu vai kopējiet datu URI, lai to kopīgotu vai iegultu citur.

Gatavs izmēģināt?

Instalējiet DevSuite Pro bez maksas un atbloķējiet 64+ izstrādātāju rīkus savam pārlūkam.

Pievienot pārlūkam Chrome Pievienot Edge Pievienot pārlūkam FireFox