BEELD ↔ BASE64
Hierdie omskakelaar werk geheel en al binne jou blaaier deur die JavaScript FileReader API te gebruik. Jou beelde word plaaslik op jou toestel verwerk — geen data word na enige bediener gestuur nie. Die enkodeer- en dekodeeralgoritmes loop in jou blaaier se geheue, en alle tydelike data word skoongemaak wanneer jy die bladsy sluit of verfris.
Enkoderingproses
Base64-enkodering transformeer binêre beelddata in 'n teksstring met 64 drukbare ASCII-karakters (A-Z, a-z, 0-9, +, /). Dit stel binêre inhoud in staat om veilig ingebed te word in teksgebaseerde formate soos HTML, CSS, JSON en XML sonder korrupsie.
Base64-enkodering verhoog lêergrootte met ongeveer 33%
Ondersteunde Formate
| Richting | Invoerformaat | Uitsetformaat | MIME Tipe |
|---|---|---|---|
| Beeld → Base64 | JPEG (.jpg, .jpeg) | Base64 teksstring | image/jpeg |
| Beeld → Base64 | PNG (.png) | Base64 teksstring | image/png |
| Base64 → Beeld | Base64 string / Data URL | PNG lêer | image/png |
| Base64 → Beeld | Base64 string / Data URL | JPEG lêer | image/jpeg |
Tegniese Spesifikasies
Data URL Struktuur
Die omskakelaar genereer beide rou Base64-stringe en volledige Data URL's. Data URL's sluit die MIME-tipe voorvoegsel in, wat dit direk bruikbaar maak in HTML en CSS.
├─ skema: data:
├─ MIME tipe: image/png
├─ enkodering: ;base64,
└─ geënkodeerde data: iVBORw0K...
Omskakeling Voorbeelde
Grootte-impak Verwysing
| Oorspronklike Grootte | Base64 Grootte | Toename | Tipiese Gebruiksgeval |
|---|---|---|---|
| 1 KB | ~1.37 KB | +37% | Klein ikone, favikone |
| 10 KB | ~13.7 KB | +37% | UI-elemente, knoppies |
| 100 KB | ~137 KB | +37% | Miniature, avatars |
| 1 MB | ~1.37 MB | +37% | Medium foto's |
| 10 MB | ~13.7 MB | +37% | Hoë-resolusie beelde |
Let wel: Base64-enkodering word aanbeveel vir beelde onder 10 KB vir inlyn inbedding. Groter beelde baat by tradisionele lêerhosting om bladsylaai tye te verminder.