Teknobench

Tiontaire íomhá go Base64

Tiontaigh íomhá go Base64 nó data URI le CSS agus HTML réidh le greamú, nó díchódaigh Base64 ar ais ina íomhá le réamhamharc. Gan uaslódáil.

Íomhá → Base64

Base64 → íomhá

Conas íomhá a thiontú go Base64

  1. In Íomhá → Base64, scaoil íomhá sa limistéar scaoilte nó cliceáil air chun ceann a roghnú (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF…).
  2. Roghnaigh an Aschur: Data URI (data:image/png;base64,…), Base64 amháin, CSS background-image nó Clib HTML , a iompraíonn leithead agus airde na híomhá freisin.
  3. Cliceáil Cóipeáil, nó Íoslódáil mar .txt do thorthaí fada.

Tugann an líne faoin limistéar scaoilte an fhormáid fhíor (léite ó bhearta an chomhaid, ní óna ainm), na toisí, méid an chomhaid agus fad an data URI.

Conas Base64 a thiontú ar ais ina íomhá

  1. In Base64 → íomhá, greamaigh an téacs isteach in Téacs Base64 nó data URI. Is féidir leat sreang Base64 lom, data URI iomlán, nó fiú riail CSS iomlán nó clib <img> a ghreamú: aimsítear an data URI taobh istigh di. Déantar neamhaird d’eangacha líne agus de spásanna, agus oibríonn Base64 URL-sábháilte (le - agus _) freisin.
  2. Cliceáil Díchódaigh an íomhá. Taispeántar an réamhamharc, an cineál, na toisí agus an méid.
  3. Cliceáil Íoslódáil an íomhá chun é a shábháil leis an iarmhír chomhaid cheart.

Seiceáiltear an cineál le “bearta draíochta” an chomhaid, an síniú ag tús gach formáide íomhá (mar shampla 89 50 4E 47 do PNG nó FF D8 FF do JPEG). Má deir data URI gur image/jpeg é ach go bhfuil PNG ann, insíonn an uirlis duit é agus úsáideann sí an cineál fíor. Diúltaítear do rud ar bith nach formáid íomhá aitheanta é, agus is é 20 MB de shonraí íomhá an teorainn.

Conas a oibríonn Base64

Tiontaíonn Base64 gach 3 bheart de chomhad ina 4 charachtar inphriontáilte a thógtar ó A–Z, a–z, 0–9, + agus /, le = mar stuáil ag an deireadh. Sin an fáth a bhfuil an téacs ionchódaithe thart ar 33% níos mó ná an comhad: bíonn deilbhín 30 KB ina thart ar 40 KB de théacs. Cuireann data URI ceanntásc gearr leis, data:<type>;base64,, ionas go mbíonn a fhios ag brabhsálaí conas é a léamh.

Cathain íomhánna a chur isteach mar data URI

Tá data URI áisiúil le haghaidh:

  • deilbhíní beaga, lógónna agus cúlraí i CSS, chun iarratas a shábháil;
  • ríomhphoist HTML agus doiciméid HTML comhaid amháin nach mór a oibriú gan comhaid sheachtracha;
  • APIanna JSON agus comhaid chumraíochta nach bhfuil ach téacs iompartha acu.

Ní oireann siad do ghrianghraif mhóra. Tá an téacs an tríú cuid níos mó ná an comhad, ní féidir é a chaipeadh ar leith ón leathanach nó ón bhfoirm stíle ina bhfuil sé, agus déanann sé moill ar an rindreáil. Os cionn thart ar 10 go 100 KB, is gnách go mbuaileann gnáthchomhad íomhá a sheirbheáiltear le caipeadh maith, agus sin an fáth a dtaispeánann an uirlis meabhrúchán d’íomhánna os cionn 100 KB.

Ritheann gach rud i do bhrabhsálaí: ní uaslódáiltear íomhánna ná téacs greamaithe riamh.

Ceisteanna coitianta

An bealach é Base64 chun íomhá a chomhbhrú nó a chosaint?

Ní hea. Déanann Base64 na sonraí thart ar 33% níos mó agus is féidir le haon duine é a dhíchódú. Ní dhéanann sé ach sonraí dénártha a thiontú ina théacs ar féidir leis taisteal áit nach féidir le sonraí dénártha.

Cén fáth nach dtaispeánann mo data URI?

Is iad na cúiseanna is coitianta ná cineál ar iarraidh nó mícheart sa cheanntásc, spásanna nó luachanna athfhriotail greamaithe i lár na sreinge, nó téacs gearrtha. Greamaigh i Base64 → íomhá é: tuairiscíonn an uirlis carachtair neamhbhailí agus seiceálann sí an cineál fíor.

An féidir liom SVG a úsáid mar data URI?

Is féidir. Is féidir SVG a ionchódú i mBase64 cosúil le haon íomhá. Do SVG, is minic a bhíonn data URI ionchódaithe URL (data:image/svg+xml,%3Csvg…) níos giorra; díchódaíonn an uirlis seo an dá fhoirm.

An n-oibríonn sé le híomhánna HEIC nó AVIF?

Oibríonn ionchódú le haon chomhad íomhá. Ní thaispeántar an réamhamharc ach má thaispeánann do bhrabhsálaí an fhormáid, ach tá an téacs Base64 agus an íoslódáil ceart i gcónaí.

An bhfuil teorainn mhéide ann?

Tá, 20 MB de shonraí íomhá, sa dá threo. Moillíonn sreanga níos mó brabhsálaithe agus is annamh is smaoineamh maith iad i leathanach gréasáin.