Kuva ↔ Base64-muunnin — Selaimessa toimiva, yksityinen koodaus

Tietosuoja ja turvallisuus

Tämä muunnin toimii kokonaan selaimessasi hyödyntäen JavaScript FileReader API:a. Kuvasi käsitellään paikallisesti laitteellasi – mitään tietoja ei lähetetä millekään palvelimelle. Koodaus- ja dekoodausalgoritmit pyörivät selaimesi muistissa, ja kaikki väliaikaiset tiedot poistetaan, kun suljet tai päivität sivun.

0 Palvelinlähetykset

100% Paikallinen käsittely

Välitön Muunnosnopeus

Yksityinen Tietojen käsittely

Koodausprosessi

Base64-koodaus muuttaa binäärisen kuvadatan tekstijonoksi käyttäen 64 tulostettavaa ASCII-merkkiä (A-Z, a-z, 0-9, +, /). Tämä mahdollistaa binäärisen sisällön turvallisen upottamisen tekstipohjaisiin muotoihin, kuten HTML, CSS, JSON ja XML, ilman korruptiota.

1

Binääriluku

Kuvatiedosto luetaan raakana binääridatana (8-bittisiä tavuja)

2

Bittien ryhmittely

Jokainen 3 tavua (24 bittiä) jaetaan 4 kuuden bitin ryhmään

3

Merkkien yhdistäminen

Jokainen 6-bittinen arvo (0-63) vastaa merkkiä Base64-aakkostossa

4

Täyte

Jos syötetavut eivät ole jaettavissa kolmella, lisätään "=" täyttömerkkejä

Tulosteen koon kaava

Tulosteen koko = ⌈(Syötteen koko × 4) / 3⌉ + Täyte
Base64-koodaus kasvattaa tiedoston kokoa noin 33%

Tuetut formaatit

Suunta	Syöteformaatti	Tulosteformaatti	MIME-tyyppi
Kuva → Base64	JPEG (.jpg, .jpeg)	Base64-tekstijono	image/jpeg
Kuva → Base64	PNG (.png)	Base64-tekstijono	image/png
Base64 → Kuva	Base64-jono / Data-URL	PNG-tiedosto	image/png
Base64 → Kuva	Base64-jono / Data-URL	JPEG-tiedosto	image/jpeg

Tekniset tiedot

Suurin tiedostokoko

50 Mt tiedostoa kohti

Eräkäsittely

Useita tiedostoja tuettu

Syöteformaatit

JPEG, PNG

Tulostevaihtoehdot

Raaka Base64, Data-URL

Kokokustannus

~33 % suurempi kuin alkuperäinen

Latausformaatti

TXT-tiedosto Base64-sisällöllä

Data-URL-rakenne

Muunnin generoi sekä raakoja Base64-jonoja että täydellisiä Data-URL-osoitteita. Data-URL-osoitteet sisältävät MIME-tyypin etuliitteen, mikä tekee niistä suoraan käyttökelpoisia HTML:ssä ja CSS:ssä.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEA...
├─ scheme: data:
├─ MIME-tyyppi: image/png
├─ koodaus: ;base64,
└─ koodattu data: iVBORw0K...

Muunnesimerkkejä

HTML-kuvien upottaminen

Muunna PNG-logo → upota suoraan <img src="data:image/png;base64,..."> ilman ulkoista tiedostoa

CSS-taustakuvat

Muunna pieni kuvake → käytä background-image: url(data:image/png;base64,...) -tyylinä sisäisesti

Sähköpostimallit

Muunna JPEG-otsakekuva → upota HTML-sähköpostiin estettyjen ulkoisten kuvien välttämiseksi

JSON API -datasisällöt

Muunna käyttäjän avatar-PNG → sisällytä Base64-jonona JSON-pyynnön runkoon

SVG-kuvien upottaminen

Muunna rasterikuva → upota SVG-tiedostoon käyttäen xlink:href Data-URL:n kanssa

Markdown-dokumentit

Muunna kaavio-PNG → upota markdowniin käyttäen ![alt](data:image/png;base64,...)

Tietokannan tallennus

Muunna pikkukuvan JPEG → tallenna tekstikenttänä tietokantaan ilman binäärikäsittelyä

QR-koodin palautus

Dekoodaa Base64-jono API-vastauksesta → lataa PNG-kuvatiedostona

Leikepöydän integrointi

Muunna kuvakaappaus-PNG → kopioi Data-URL liitettäväksi suoraan koodieditoriin

Allekirjoituksen purkaminen

Dekoodaa Base64-allekirjoitus sähköisestä dokumentista → tallenna JPEG-tiedostona

Koon vaikutuksen vertailu

Alkuperäinen koko	Base64-koko	Kasvu	Tyypillinen käyttötapaus
1 KB	~1.37 KB	+37%	Pienet kuvakkeet, faviconit
10 KB	~13.7 KB	+37%	Käyttöliittymäelementit, painikkeet
100 KB	~137 KB	+37%	Pikkukuvat, avatarit
1 MB	~1.37 MB	+37%	Keskikokoiset valokuvat
10 MB	~13.7 MB	+37%	Korkearesoluutioiset kuvat

Huomautus: Base64-koodausta suositellaan alle 10 KB:n kuville sisäiseen upottamiseen. Suuremmat kuvat hyötyvät perinteisestä tiedostojen isännöinnistä sivun latausaikojen lyhentämiseksi.