Convertidor d'imatge a Base64

Com convertir una imatge a Base64

1. A Imatge → Base64, deixa anar una imatge a la zona de càrrega o fes-hi clic per triar-ne una (PNG, JPEG, GIF, WebP, SVG, ICO, BMP, AVIF…).
2. Tria la Sortida: Data URI (data:image/png;base64,…), Només Base64, CSS background-image o Etiqueta HTML , que també inclou l’amplada i l’alçada de la imatge.
3. Fes clic a Copia, o a Baixa com a .txt per als resultats llargs.

La línia sota la zona de càrrega indica el format real (llegit dels bytes del fitxer, no del seu nom), les dimensions, la mida del fitxer i la longitud del data URI.

Com convertir Base64 de nou en imatge

1. A Base64 → imatge, enganxa el text a Text Base64 o data URI. Pots enganxar una cadena Base64 sola, un data URI complet, o fins i tot una regla CSS o una etiqueta <img> sencera: el data URI es troba a dins. Els salts de línia i els espais s’ignoren, i també funciona el Base64 segur per a URL (amb - i _).
2. Fes clic a Descodifica la imatge. Apareixen la vista prèvia, el tipus, les dimensions i la mida.
3. Fes clic a Baixa la imatge per desar-la amb l’extensió de fitxer correcta.

El tipus es comprova amb els «bytes màgics» del fitxer, la signatura que hi ha al començament de cada format d’imatge (per exemple 89 50 4E 47 per a PNG o FF D8 FF per a JPEG). Si un data URI afirma ser image/jpeg però conté un PNG, l’eina t’ho diu i fa servir el tipus real. Tot el que no sigui una imatge reconeguda es rebutja, i el límit és de 20 MB de dades d’imatge.

Com funciona Base64

Base64 converteix cada 3 bytes d’un fitxer en 4 caràcters imprimibles presos d’A–Z, a–z, 0–9, + i /, amb = com a farciment al final. Per això el text codificat és aproximadament un 33 % més gran que el fitxer: una icona de 30 KB passa a ser d’uns 40 KB de text. Un data URI hi afegeix una capçalera curta, data:<tipus>;base64,, perquè el navegador sàpiga com llegir-lo.

Quan inserir imatges com a data URI

Els data URI són pràctics per a:

• icones petites, logotips i fons en CSS, per estalviar una petició;
• correus HTML i documents HTML d’un sol fitxer que han de funcionar sense fitxers externs;
• API JSON i fitxers de configuració que només poden transportar text.

No són adequats per a fotos grans. El text és una tercera part més gran que el fitxer, no es pot desar a la memòria cau per separat de la pàgina o del full d’estils que el conté, i retarda la representació. A partir d’uns 10 a 100 KB, un fitxer d’imatge normal servit amb una bona memòria cau sol guanyar, i per això l’eina mostra un recordatori per a les imatges de més de 100 KB.

Tot s’executa al teu navegador: les imatges i el text enganxat no es pugen mai.