Konvertē attēlus uz Base64 Data URL

Ievieto attēlus tieši HTML, CSS vai JSON. Nekādu servera augšupielāžu — 100% privāts.

base64-converter.js
1const img = await loadImage(file);
2const canvas = document.createElement("canvas");
3const ctx = canvas.getContext("2d");
4ctx.drawImage(img, 0, 0);
5const dataUrl = canvas.toDataURL();
6return btoa(dataUrl);

Velciet attēlus šeit

vai noklikšķiniet, lai izvēlētos

JPGPNGWebPAVIFHEIC

Faili nekad neatstāj jūsu pārlūkprogrammu

Izvades iestatījumi

Izvēlies kā Base64 tiek pasniegts.

Apstrāde notiek lokāli tavā pārlūkā.

Konvertē attēlus uz Base64 trīs soļos

Augšupielādē lokāli, konvertē uzreiz un kopē vai lejupielādē teksta failus.

Augšupielādē attēlus vai ZIP

Ievelc failus vai ZIP arhīvu ar mapēm.

Ģenerē Base64

Mēs kodējam katru attēlu lokāli bez augšupielādēm.

Kopēt vai lejupielādēt

Kopē starpliktuvē vai lejupielādē ZIP ar .txt failiem.

Kad izmantot Base64

Biežākie scenāriji, kur inline Base64 kodēšana uzlabo veiktspēju un vienkāršo izvietošanu.

HTML & CSS Embeds

Ievieto mazus attēlus tieši kodā, lai samazinātu HTTP pieprasījumus un uzlabotu sākotnējo ielādi.

E-pasta veidnes

Ievieto logo un ikonas HTML e-pastos, lai tie parādītos bez attēlu bloķēšanas.

API integrācijas

Sūti attēlus uz MI redzes API, mākoņglabātuvēm vai webhooks, kas gaida Base64 payloads.

Viena faila lietotnes

Apvieno visus resursus vienā HTML failā bezsaistes rīkiem, demo vai portatīviem dokumentiem.

Base64 kodēšanas jautājumi

Viss, kas izstrādātājiem jāzina par attēlu iegulšanu.

Kam tiek izmantota Base64 kodēšana?

Base64 pārvērš attēlu tekstā, lai to varētu ievietot tieši HTML img tagos, CSS background-image īpašībās, JSON API payloads un e-pasta veidnēs bez atsevišķas faila lejupielādes.

Vai man lietot Data URL vai Raw Base64?

Lieto Data URL (ar data:image/...;base64 prefiksu) HTML un CSS iegulšanai. Lieto Raw Base64 sūtot uz API kā OpenAI Vision vai mākoņpakalpojumiem.

Kā ievietot Base64 HTML?

Lieto Data URL tieši src atribūtā: <img src="data:image/png;base64,..." />. Tas novērš HTTP pieprasījumu un attēls ielādējas uzreiz ar lapu.

Kā lietot Base64 CSS?

Iestati to kā background-image: url("data:image/png;base64,..."). Lieliski mazām ikonām, rakstiem un UI elementiem.

Vai mani attēli tiek augšupielādēti?

Nē. Visa Base64 konvertēšana notiek lokāli tavā pārlūkā ar JavaScript. Tavi attēli nekad neatstāj ierīci, kas padara to 100% privātu un drošu.

Vai varu konvertēt ZIP ar mapēm?

Jā. ZIP augšupielādes tiek pilnībā atbalstītas. Mapju struktūra tiek saglabāta lejupielādējot visus Base64 failus kā ZIP.

Vai Base64 palielina faila izmēru?

Jā, Base64 kodēšana palielina izmēru par aptuveni 33%. Maziem attēliem (ikonas, logo zem 10KB) tas ir pieņemami. Lielākiem attēliem vispirms tos saspied ar mūsu galveno rīku.

Vai ir faila izmēra ierobežojums?

Atsevišķi faili ir ierobežoti līdz 25MB, lai pārlūka veiktspēja būtu plūdena. Labākajiem rezultātiem ar Base64, izmanto attēlus zem 100KB.

Vispirms vajag mazākus failus?

Saspied attēlus pirms kodēšanas ātrākai iegulšanai un labākai veiktspējai.