Image to Base64 | Free Edu & .COM Temporary Mails
← Alle gereedskap / Image to Base64

🔤 Beeld na Base64-omskakelaar

Skakel enige prent om na 'n Base64-data-URL. Nuttig om beelde direk in HTML of CSS in te sluit.

🖼️

Los prent hier of klik om te blaai

Basis64 Uitset

Wat is Beeld na Base64-omskakeling?

Beeld na Base64-omskakeling kodeer 'n beeldlêer in 'n Base64-teksstring - spesifiek 'n data-URL soos data:image/png;base64,iVBOR.... Dit laat jou toe om die prent direk in HTML, CSS of JSON in te bed sonder om 'n aparte prentlêer of HTTP-versoek te benodig. Die blaaier dekodeer die Base64-string dadelik en vertoon die prent normaalweg.

Hierdie tegniek word wyd gebruik om HTTP-versoeke op klein ikone en logo's te verminder (verbetering van bladsyspoed), om beelde in JSON API-loonvragte in te sluit, om beelde in HTML-e-possjablone in te sluit wat nie op eksterne hosting staatmaak nie, en om beelde in CSS te stoor vir ikoon-sprites of agtergronde. Die uitruil is dat Base64-stringe ongeveer 33% groter is as die oorspronklike binêre lêer, so dit word die beste gebruik vir klein beelde.

Hoe om beeld te gebruik om Base64

  1. Los jou prent op die oplaaisone of klik Kies Beeld.
  2. Die volledige Base64-data-URL verskyn onmiddellik in die uitvoerkassie.
  3. Klik Kopieer volledige data-URL te kopieer data:image/png;base64,... vir gebruik in HTML of CSS.
  4. Klik Kopieer slegs Base64 om net die geënkodeerde string (sonder die data-URL-voorvoegsel) te kopieer vir gebruik in API's of databasisse.

Waarom ons beeld na Base64-instrument gebruik?

  • 100% gratis - Geen beperkings op lêergrootte of omskakelings nie.
  • Geen Registrasie - Onmiddellike omskakeling sonder 'n rekening.
  • Blaaier-gebaseer - Jou prent word plaaslik gelees deur die FileReader API te gebruik - nooit na 'n bediener gestuur nie.
  • Twee kopie-opsies - Kopieer die volledige data-URL of net die rou Base64-string afsonderlik.
  • Grootte inligting — Toon oorspronklike lêergrootte en Base64-stringlengte om jou te help besluit of inbedding sin maak.

Gereelde Vrae

Kopieer die volledige data-URL en gebruik dit as die src-kenmerk van 'n img-tag: <img src="data:image/png;base64,iVBOR..." alt="My image">. U kan dit ook in CSS gebruik: background-image: url('data:image/png;base64,...');. Die blaaier sal dit presies soos 'n ekstern gekoppelde prent weergee.

Base64-kodering verhoog lêergrootte met ongeveer 33%. Dit is omdat dit 3 grepe van binêre data enkodeer as 4 ASCII karakters. 'n 100 KB-prent word ongeveer 133 KB in Base64. Hierdie oorhoofse koste is hoekom Base64-inbedding slegs aanbeveel word vir klein beelde (gewoonlik onder 5–10 KB).

Ja – Base64-gekodeerde beelde in e-pos HTML is nuttig omdat hulle nie staatmaak op eksterne hosting en vertoon nie, selfs wanneer beelde by verstek geblokkeer word. Sommige e-poskliënte (veral Gmail) stroop egter data-URL'e van HTML-e-posse vir sekuriteitsredes. Toets deeglik voordat jy Base64-beelde in e-posveldtogte gebruik.

'n Data-URL is die volledige string, insluitend die MIME-tipe voorvoegsel: data:image/png;base64,XXXX. Die Base64-string is slegs die XXXX-gedeelte na die komma. Gebruik die volledige data-URL in HTML/CSS; gebruik net die Base64-string wanneer beelde via API gestuur word, in 'n databasis gestoor word, of wanneer die ontvangende stelsel sy eie voorvoegsel byvoeg.

Vinnige feite

  • ✓ 100% gratis, geen verborge fooie nie
  • ✓ Geen rekening of aanmelding nodig nie
  • ✓ Werk in enige blaaier
  • ✓ Jou data verlaat nooit jou toestel nie
  • ✓ Kopieer volledige data-URL of rou Base64 afsonderlik

Verwante gereedskap