Conversor de Imagen a Base64 (Data URI)
Convierta una imagen en texto Base64 para pegarlo directamente en HTML, CSS o JSON, como data URI, etiqueta <img> o fondo CSS.
Resultados
Tamaño del texto Base64
32.0 kB
Caracteres
32.790
Mayor que el archivo en
33,3
%
Era
24.0 kB
Qué hace esta herramienta
Un data URI mete la propia imagen dentro del código, así que un icono o logotipo pequeño no necesita un archivo aparte ni otra petición al servidor. El precio es el tamaño: Base64 escribe cada 3 bytes como 4 caracteres, de modo que el texto ocupa alrededor de un tercio más que el archivo, y el navegador no puede guardarlo en caché por separado. Va bien para iconos pequeños, plantillas de correo y páginas de un solo archivo, y mal para fotografías. Nada sale de su ordenador: el navegador lee el archivo y escribe el texto en esta página.
Fórmula
caracteres Base64 = 4 × ⌈bytes ÷ 3⌉ ; data URI = data:tipo;base64, + caracteres
Variables
| Símbolo | Significado | Unidad |
|---|---|---|
snippet | Copiar como | — |
bytes_in | Tamaño original, en bytes | — |
mime | Tipo de archivo | — |
OUT | Tamaño del texto Base64 | — |
CH | Caracteres | — |
OV | Mayor que el archivo en | % |
BF | Era | — |
Ejemplo resuelto
- Copiar comouri
- Tamaño original, en bytes24.576
- Tipo de archivoimage/png
- Tamaño del texto Base6432.0 kB
- Caracteres32.790
- Mayor que el archivo en33,3 %
- Era24.0 kB
Limitaciones
- El cálculo se realiza íntegramente en su navegador. Los valores introducidos nunca se envían a un servidor.