Imagen a Base64

Codifica JPG, PNG, WebP o GIF como una URL de datos.

Imagen a Base64

Procesamiento local

La codificación conserva los bytes originales, incluidos metadatos. Base64 aumenta el tamaño aproximadamente un tercio; el límite es 5 MB.

Límite: 5 MB · 24 megapíxeles · 1 imagen.

Qué es imagen a base64

Imagen a Base64 convierte una imagen en una «URL de datos»: un texto que empieza por data:image/… y que contiene la imagen completa. Ese texto se puede pegar directamente en HTML, CSS o JSON sin tener que alojar el archivo aparte.

Es una técnica útil para iconos pequeños o para correos HTML, pero aumenta el tamaño alrededor de un tercio, así que no conviene para imágenes grandes.

Cómo utilizar imagen a base64

  1. Selecciona una imagen JPG, PNG, WebP o GIF de hasta 5 MB.
  2. Procesa la imagen.
  3. Copia el texto resultante y pégalo donde lo necesites.

Un ejemplo práctico

Una imagen PNG genera un texto que empieza por data:image/png;base64,.

Para qué te sirve

  • Incrustar un icono en una hoja de estilos CSS.
  • Incluir una imagen en una plantilla de correo HTML.
  • Enviar una imagen dentro de una petición a una API.

Detalles a tener en cuenta

La resolución máxima de procesamiento es de 24 megapíxeles. El formato de salida puede cambiar la transparencia y el tamaño del archivo.

Preguntas frecuentes

¿Cómo la uso en HTML?

Pega el texto en el atributo src de una etiqueta img: <img src="data:image/png;base64,…">.

¿Base64 protege la imagen?

No. Es solo otra forma de representar los mismos datos, y cualquiera puede decodificarla.

¿Se guardan mis datos?

Esta herramienta procesa la información en tu navegador. No enviamos tus entradas ni archivos a un servidor.

También te puede servir

Ver todas