Teknobench

Konvertitur ta’ immaġni għal Base64

Ikkonverti immaġni għal Base64 jew data URI b’CSS u HTML lesti, jew dekodifika Base64 lura f’immaġni b’previżjoni. B’xejn, privat, mingħajr upload.

Immaġni → Base64

Base64 → immaġni

Kif tikkonverti immaġni għal Base64

  1. F’Immaġni → Base64, waqqa’ immaġni fiż-żona tat-tqegħid jew ikklikkja fuqha biex tagħżel waħda (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF…).
  2. Agħżel l-Output: Data URI (data:image/png;base64,…), Base64 biss, CSS background-image jew Tag HTML , li jġorr ukoll il-wisa’ u l-għoli tal-immaġni.
  3. Ikklikkja Ikkopja, jew Niżżel bħala .txt għal riżultati twal.

Il-linja taħt iż-żona tat-tqegħid tagħti l-format veru (maqra mill-bytes tal-fajl, mhux mill-isem tiegħu), id-dimensjonijiet, id-daqs tal-fajl u t-tul tad-data URI.

Kif tikkonverti Base64 lura f’immaġni

  1. F’Base64 → immaġni, waħħal it-test f’Test Base64 jew data URI. Tista’ twaħħal string Base64 sempliċi, data URI sħiħa, jew saħansitra regola CSS sħiħa jew tag <img>: id-data URI tinstab ġewwa. Il-qtugħ tal-linji u l-ispazji jiġu injorati, u Base64 sikur għall-URLs (b’- u _) jaħdem ukoll.
  2. Ikklikkja Dekodifika l-immaġni. Jidhru l-previżjoni, it-tip, id-dimensjonijiet u d-daqs.
  3. Ikklikkja Niżżel l-immaġni biex taħżenha bl-estensjoni tajba tal-fajl.

It-tip jiġi vverifikat bil-“magic bytes” tal-fajl, il-firma fil-bidu ta’ kull format ta’ immaġni (pereżempju 89 50 4E 47 għal PNG jew FF D8 FF għal JPEG). Jekk data URI tgħid li hija image/jpeg imma fiha PNG, l-għodda tgħidlek u tuża t-tip veru. Kull ma mhuwiex immaġni rikonoxxuta jiġi miċħud, u l-limitu huwa 20 MB ta’ dejta tal-immaġni.

Kif jaħdem Base64

Base64 jibdel kull 3 bytes ta’ fajl f’4 karattri stampabbli meħuda minn A–Z, a–z, 0–9, + u /, bi = bħala padding fl-aħħar. Għalhekk it-test kodifikat huwa madwar 33% akbar mill-fajl: ikona ta’ 30 KB issir madwar 40 KB ta’ test. Data URI iżżid header qasir, data:<type>;base64,, biex brawżer jaf kif jaqrawha.

Meta tinkorpora immaġini bħala data URIs

Id-data URIs huma utli għal:

  • ikoni żgħar, logos u sfondi fil-CSS, biex tfaddal talba;
  • emails HTML u dokumenti HTML ta’ fajl wieħed li jridu jaħdmu mingħajr fajls esterni;
  • API JSON u fajls ta’ konfigurazzjoni li jistgħu jġorru t-test biss.

Mhumiex tajbin għal ritratti kbar. It-test huwa terz akbar mill-fajl, ma jistax jinżamm f’cache separatament mill-paġna jew mill-istylesheet li fih, u jdewwem ir-rendering. ’L fuq minn madwar 10 sa 100 KB, fajl normali tal-immaġni servut b’cache tajjeb normalment jirbaħ, u huwa għalhekk li l-għodda turi tfakkira għal immaġini ’l fuq minn 100 KB.

Kollox jaħdem fil-brawżer tiegħek: l-immaġini u t-test imwaħħal ma jittellgħu qatt.

Mistoqsijiet frekwenti

Base64 huwa mod kif tikkompressa jew tipproteġi immaġni?

Le. Base64 jagħmel id-dejta madwar 33% akbar u kulħadd jista’ jiddekodifikaha. Sempliċement jibdel dejta binarja f’test li jista’ jivvjaġġa fejn id-dejta binarja ma tistax.

Għaliex id-data URI tiegħi ma tidhirx?

L-aktar kawżi komuni huma tip nieqes jew żbaljat fl-header, spazji jew kwotazzjonijiet imwaħħlin f’nofs l-istring, jew test maqtugħ. Waħħalha f’Base64 → immaġni: l-għodda tirrapporta karattri invalidi u tivverifika t-tip veru.

Nista’ nuża SVG bħala data URI?

Iva. SVG jista’ jiġi kkodifikat b’Base64 bħal kull immaġni. Għal SVG, data URI kkodifikata għall-URL (data:image/svg+xml,%3Csvg…) spiss tkun iqsar; din l-għodda tiddekodifika ż-żewġ forom.

Taħdem ma’ immaġini HEIC jew AVIF?

Il-kodifikazzjoni taħdem ma’ kull fajl tal-immaġni. Il-previżjoni tidher biss jekk il-brawżer tiegħek jista’ juri l-format, imma t-test Base64 u t-tniżżil huma dejjem korretti.

Hemm limitu tad-daqs?

Iva, 20 MB ta’ dejta tal-immaġni, fiż-żewġ direzzjonijiet. Strings akbar iġibu brawżers bil-mod u rari jkunu idea tajba f’paġna web.