Imagen a Base64 — codificador data URI
Codifica una imagen a un data URI Base64 (con fragmentos img y CSS) o decodifícalo, en tu navegador.
🔒 Funciona por completo en tu navegador. Tu entrada y salida no se envían a ningún servidor ni se guardan: totalmente privado.
🔒 La codificación ocurre en tu navegador: tu imagen nunca se sube.
Acerca de esta herramienta
Esta herramienta codifica una imagen en un data URI Base64 que puedes pegar directamente en HTML, CSS o JSON, y también decodifica un data URI de vuelta a una imagen descargable. Suelta un archivo para obtener la cadena de datos junto con fragmentos listos de etiqueta img y de fondo CSS, útil para incrustar iconos pequeños en línea y ahorrar una petición de red. La codificación se realiza por completo en tu navegador, así que tu imagen nunca se sube a un servidor.
Preguntas frecuentes
¿Cuándo conviene incrustar una imagen como Base64?
Base64 funciona mejor para gráficos pequeños y de uso frecuente, como iconos o un logo, donde incrustarlos en tu HTML o CSS elimina una petición de red aparte. Para fotos grandes suele ser mejor mantener un archivo de imagen normal, porque Base64 hace que los datos sean alrededor de un tercio más grandes.
¿Por qué el texto codificado es más grande que la imagen original?
Base64 representa datos binarios usando solo caracteres imprimibles, lo que añade alrededor de un 33 % de sobrecarga. Esa compensación está bien para recursos diminutos que quieres incrustar, pero es la razón por la que conviene dejar las imágenes grandes como archivos aparte.
¿Se sube mi imagen durante la codificación?
No. La imagen se lee y se convierte a Base64 localmente en tu navegador, así que permanece en tu dispositivo y nunca se envía ni se guarda en un servidor.