Mynd ⇔ Base64 Breytir

Breyttu á milli myndaskráa og Base64 (Data URI)

Kóðaðu myndir í Base64 Data URI eða afkóðaðu Base64 strengi aftur í myndir. Styður PNG, JPEG, GIF og WebP snið. Auðveld drag-and-drop aðgerð. Öll vinnsla fer fram í vafranum þínum - engin gögn eru geymd eða send.

Hvernig á að Nota

Breyttu í 3 einföldum skrefum:

Veldu umbreytingarham
Veldu annaðhvort flipann 'Mynd → Base64' eða 'Base64 → Mynd'.
Settu inn gögnin þín
Fyrir myndastilling: dragðu & slepptu eða veldu myndaskrá. Fyrir Base64 stilling: límdu Base64 strenginn þinn.
Notaðu niðurstöðuna
Niðurstöður umbreytingar birtast samstundis. Afritaðu Base64 með afritunarhnappinum, eða halaðu niður myndinni með niðurhalshnappinum.

Persónuvernd: Öll vinnsla fer fram í vafranum þínum. Myndagögn eru aldrei send til eða geymd á neinum netþjóni.

Mynd ⇔ Base64 Breytir

📁

Dragðu & slepptu myndaskrá hér, eða smelltu til að velja

Styður snið: PNG, JPEG, GIF, WebP, SVG (að hámarki 10MB mælt með)

Forskoðun

Skráarnafn

Skráarstærð

Víddir

Snið

Base64 Kóðuð Niðurstaða (Data URI)

Sláðu inn Base64 streng

Forskoðun

Hagnýt Notkunartilvik fyrir Base64 Myndumbreytingu

Base64 kóðun mynda er almennt notuð í vefþróun í eftirfarandi tilgangi:

1. Fella inn myndir í HTML eða CSS

Fella inn lítil tákn eða lógómyndir beint í HTML <img> merki eða CSS background-image eiginleika til að draga úr HTTP beiðnum og bæta hleðsluhraða síðunnar. Sérstaklega gagnlegt sem valkostur við táknsnið.

2. Valkostur við CSS sprites

Í stað þess að sameina margar litlar myndir í eina 'CSS sprite' skrá, kóðaðu hverja mynd í Base64 og felltu inn í CSS til að auðvelda stjórnun.

3. Fella inn myndir í HTML tölvupósti

Sumir tölvupóstforrit loka fyrir utanaðkomandi myndhleðslu. Innfelling mikilvægra mynda (eins og lógóa) sem Data URIs tryggir að þær birtist á áreiðanlegan hátt.

4. Myndaflutningur með REST API

Þegar myndagögn eru send/móttekin í gegnum JSON API, leyfir Base64 kóðun meðhöndlun tvíundargagna sem textaform. Fluttu myndir á einföldu JSON sniði án margra hluta samskipta.

5. Ótengd forrit

Í Progressive Web Apps (PWA) eða Electron forritum tryggir innfelling Base64-kóðaðra mynda í HTML að myndir birtist á áreiðanlegan hátt jafnvel í ótengdu umhverfi.

6. Þróun farsímaforrita

Notkun Base64-kóðaðra mynda í þverpallarammi (e. cross-platform frameworks) eins og React Native, Ionic og Flutter sameinar meðhöndlun mynda á milli palla.

Hvað er Data URI? Að Skilja Verkunarháttinn

Data URI (einnig kallað Data URL) er URL-kerfi sem gerir kleift að fella inn litlar skrár eins og myndir eða leturgerðir beint í HTML eða CSS. Það breytir innihaldi skrár í texta með Base64 kóðun og táknar hana sem hluta af URL.

Snið Data URI

Data URI er skrifað á eftirfarandi sniði:

data:[MIME type];[kóðunaraðferð],[kóðuð gögn]

Dæmi (PNG):
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...

Kostir Data URI

Færri HTTP beiðnir: Engar utanaðkomandi skráabeiðnir nauðsynlegar, sem bætir hleðsluhraða síðunnar
Stakur skráarpakki: Heild í einni HTML eða CSS skrá til að auðvelda dreifingu og stjórnun
Áreiðanleg birting: Forðast brotna eða læsta utanaðkomandi myndatengla

Ókostir Data URI

Aukin skráarstærð: Base64 kóðun eykur stærð gagna um u.þ.b. 33%
Lægri skyndiminnisvirkni (cache efficiency): Uppfærsla mynda krefst endurhleðslu á allri HTML/CSS skránni
Minni læsileiki: Frumkóði verður langur og erfiðara að viðhalda honum

Bestu Venjur

Hvenær á að Nota Data URI

✅ Lítil tákn eða lógó (5KB eða minna mælt með)
✅ Oft notaðar skrautmyndir (hnappabakgrunnur o.s.frv.)
✅ Mikilvægar myndir sem krefjast ótengds stuðnings

Hvenær á EKKI að Nota Data URI

❌ Stórar myndir (10KB+): Skráarstærð verður of mikil
❌ Myndir sem eru oft uppfærðar: Slök skyndiminnisvirkni
❌ Myndir sem eru endurnýttar á mörgum síðum: Tvöföld innfelling á hverri síðu

⚠️ Almennt er mælt með því að nota Data URI fyrir litlar myndir (5KB eða minna). Fyrir stærri myndir eru venjuleg <img> merki eða utanaðkomandi skráarhleðsla skilvirkari.

Algengar Spurningar (AS)

Hvaða myndasnið eru studd?

Hægt er að breyta öllum myndasniðum sem vafrinn styður, þar á meðal PNG, JPEG, GIF, WebP og SVG. PNG og JPEG eru algengust.

Er stærðartakmörkun fyrir myndumbreytingu?

Engin tæknileg takmörkun er til staðar, en af tilliti til frammistöðu og vaframinnis er mælt með 10MB eða minna. Í reynd eru myndir sem eru 5KB eða minna áhrifaríkastar.

Hversu mikið eykst stærð myndar með Base64 kóðun?

Base64 kóðun eykur skráarstærð í um það bil 133% af upprunalegu (um 33% aukning). Til dæmis verður 9KB mynd um það bil 12KB Base64 strengur.

Er hægt að Base64 umbreyta gagnsæum PNG myndum?

Já, hægt er að breyta gagnsæum PNG myndum eins og þær eru. Upplýsingar um gagnsæi varðveitast, þannig að þær birtast rétt með gagnsæi þegar þær eru felldar inn í HTML eða CSS.

Hvernig á að fella Base64 strenginn inn í HTML?

Límdu beint inn í src eiginleika <img> merkisins. Dæmi: <img src="data:image/png;base64,iVBORw0KG...">

Hvernig á að nota sem background-image í CSS?

Límdu inn í url() fallið á eftirfarandi hátt: background-image: url('data:image/png;base64,iVBORw0KG...');

Eru upphlaðnar myndir geymdar á netþjóninum?

Nei, öll vinnsla fer fram í vafranum þínum. Myndagögn eru aldrei send til neins netþjóns.

Má ég nota þetta fyrir viðskiptavefsíður?

Já, þetta tól er algjörlega ókeypis og má nota frjálslega í bæði viðskiptalegum og óviðskiptalegum tilgangi.