UltKit

Mynd í Base64

Breyttu myndskrá í eina línu af texta sem þú getur límt inn í HTML, CSS, JSON-beiðni eða Markdown-skrá. Data URI-forskeytið er þegar fremst svo textinn virkar um leið og þú límir hann inn.

Gagnaumbreyting

eða slepptu CSV, TSV, TXT … skrár hér ·

Að hámarki 95 MB á skrá· Allt að 20 skrár· Eytt eftir 30 mínútur

Úttak

Skrár eru unnar á þjónum okkar og eytt eftir 30 mínútur.

Hvernig á að nota tólið

  1. 1

    Bættu myndunum við

    Dragðu PNG-, JPG-, GIF-, WebP- eða SVG-skrár á upphleðslusvæðið, allt að 20 í einu og 95 MB hverja.

  2. 2

    Haltu forskeytinu eða slepptu því

    Kveikt er á Data URI-forskeyti, þannig að niðurstaðan byrjar á data:image/png;base64, eða samsvarandi gerð. Slökktu á því undir Ítarlegar stillingar ef forritaskil vilja eingöngu hreinan Base64-streng.

  3. 3

    Umbreyttu og afritaðu

    Ýttu á Umbreyta í Base64 text → og sæktu .txt skrá fyrir hverja mynd, tilbúna til að líma inn í kóðann þinn.

Hladdu upp myndinni og ýttu á Umbreyta í Base64 text →. Þú færð skrána kóðaða sem venjulega stafi sem byrja á data:image/…;base64, svo hægt er að setja hana beint í img src eða CSS url(). Myndin sjálf breytist ekki.

Hvenær kemur mynd sem Base64 að gagni

Base64 er skilgreint í RFC 4648 (2006) og varpar hverjum 3 bætum af tvíundargögnum á 4 stafi úr 64 stafa stafrófi: A–Z, a–z, 0–9, + og /. Niðurstaðan kemst í gegnum hvaða leið sem er gerð fyrir texta. Data URI-kerfið, sem Larry Masinter skráði sem RFC 2397 árið 1998, lætur vafra síðan meðhöndla textann sem skrá.

Framendaforritarar fella inn lítil tákn, hleðslutákn og staðgengilsmyndir svo síða birtist án aukabeiðna. Bakendaforritarar senda myndir inni í JSON, því mörg forritaskil, þar á meðal mynd- og OCR-þjónustur, taka við mynd sem Base64-reit. Prófarar geyma prófunargögn í frumkóða og þeir sem búa til HTML-skýrslur í einni skrá eða Markdown-minnispunkta fella inn skjámyndir svo skráin sé sjálfstæð þegar hún er send í tölvupósti eða varðveitt.

Hvernig Base64-úttakið lítur út

Gegnsæ 1 × 1 PNG-mynd (68 bæti) sem data URI í img-merki
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Gagnsær díll">

PNG-táknskrá

24 KB

dæmigert táknasett fyrir tækjastiku, 96 × 96 px

+33% stærð, engin gæðabreyting

Base64-texti

32 KB

4 stafir fyrir hver 3 bæti, auk forskeytis

ANY I

Hvaða mynd sem er

Þetta tól tekur við algengum myndsniðum, þar á meðal JPG, PNG, WebP, HEIC, GIF, BMP og TIFF. Sniðið greinist sjálfkrafa úr skránni, svo þú þarft ekki að vita hvaða tegund af mynd þú ert með.

Any image umbreytir

BASE64

Base64-kóðaður texti

Base64 er kóðun, skilgreind í RFC 4648, sem breytir hvaða tvíundargögnum sem er í streng úr 64 öruggum textatáknum. Hún er notuð til að fella myndir inn í HTML og CSS sem gagnaslóðir (data URI), til að hengja skrár við tölvupóst og til að senda tvíundargögn í JSON eða XML. Kóðunin er fullkomlega afturkræf en gerir gögnin um 33% stærri. Base64 er ekki dulkóðun og veitir enga vernd; hver sem er getur afkóðað hana.

Þjöppun
Án taps
Gegnsæi
–
Hreyfimynd
–
Kom fram
–
BASE64 umbreytir

Myndir verða að Base64-texta þegar þær þurfa að berast inni í einhverju sem ber aðeins texta: HTML- eða CSS-skrá án sérstakrar beiðni, JSON-reit í API-kalli, prófunargögnum eða skýrslu í einni skrá.

Hvenær innfelld mynd hjálpar síðu og hvenær hún skaðar

Innfelling sparar beiðni, sem skipti mestu í HTTP/1.1 þegar vafrar opnuðu aðeins örfáar tengingar á hverja síðu. Með fjölföldun í HTTP/2 og HTTP/3 eru litlar aukabeiðnir ódýrar, svo ávinningurinn minnkar en kostnaðurinn er áfram: kóðuð myndin kemst ekki í skyndiminni sérstaklega, hún er sótt aftur í hvert sinn sem HTML eða CSS breytist og hún seinkar úrvinnslu skrárinnar sem hún er í.

Skynsamleg regla er að fella aðeins inn myndir upp á nokkur kílóbæti sem birtast á hverri síðu, eins og merki eða táknmyndasafn, og bjóða allt annað sem skrár. Ljósmyndir eiga nær aldrei heima inni í kóða. Ef þú þarft í raun aðra skráargerð frekar en texta sér myndbreytirinn um það.

Kostir Base64-mynda

  • Ein sjálfstæð HTML-, CSS- eða JSON-skrá
  • Engin aukabeiðni fyrir örsmá tákn
  • Öruggt inni í JSON, XML og öðrum textasniðum
  • Án gæðataps og afturkræft

Gallar Base64-mynda

  • Um 33% stærra en tvíundarskráin
  • Vafrinn geymir það ekki sérstaklega í skyndiminni
  • Lokað á sem myndir í mörgum tölvupóstforritum
  • Erfitt að rýna í kóðamun

Spurningar um mynd í Base64

Hver er munurinn á Base64 og data URI?

Base64 er aðeins kóðuðu stafirnir. Data URI pakkar þeim inn með kerfi og gerð, data:image/png;base64, og síðan stöfunum, svo vafrinn viti hvernig á að afkóða og birta þá. HTML og CSS þurfa fulla data URI-slóð, en flest JSON-forritaskil vilja aðeins hreina Base64-hlutann.

Hversu mikið stækkar mynd sem Base64?

Base64 skrifar 4 stafi fyrir hver 3 bæti, þannig að textinn er um þriðjungi stærri en skráin, auk stutta forskeytisins. 30 KB PNG-mynd verður um 40 KB af texta. Ef HTML eða CSS er sent gzip-þjappað vinnst hluti þessa aukakostnaðar til baka í flutningi.

Get ég notað Base64-mynd í tölvupóstundirskrift?

Það er óáreiðanlegt. Gmail birtir ekki data URI-myndir og nokkur tölvupóstforrit fjarlægja þær líka, svo viðtakendur sjá brotið tákn. Vistaðu myndina á vefþjóni eða hengdu hana við og notaðu Base64 fyrir vefsíður og forrit.

Á að kóða SVG-tákn sem Base64?

Það virkar, en SVG er þegar texti. Að URL-kóða kóðann í stað þess að Base64-kóða hann gefur yfirleitt styttri data URI og heldur honum læsilegum. Fyrir allt stærra en lítið tákn er betra að nota sérstaka SVG-skrá sem vafrinn getur geymt í skyndiminni.

Get ég breytt Base64-textanum aftur í mynd?

Já, kóðunin er án gæðataps og fullkomlega afturkræf: afkóðun skilar nákvæmlega upprunalegu bætunum. Öll forritunarmál bjóða afkóðara og ef þú límir heila data URI-slóð í veffangastiku vafra birtist myndin.

Breytir kóðunin myndgæðunum?

Nei. Base64 breytir því hvernig bætin eru skrifuð, ekki myndpunktunum. Til að stytta strenginn skaltu minnka myndina fyrst, til dæmis með þjappa mynd í 20 KB, og kóða minni skrána.