ToolsMaxxing

Imagen a Base64

Codifica una imagen como cadena Base64 o URL de datos.

o arrastra y suelta imágenes aquí

imágenes JPG, PNG, WebP, GIF, AVIF, BMP o SVG · Admite varios archivos

Tus archivos se quedan en tu dispositivo

  1. 1Añadir archivos
  2. 2Ajustar
  3. 3Descargar

Cómo funciona

  1. 1Elige una o más imágenes, o arrástralas a la página.
  2. 2Elige la salida: una URL de datos, texto Base64 simple, una etiqueta img de HTML o un background-image de CSS.
  3. 3Pulsa Copiar todo para copiar el texto, o Guardar como .txt para conservarlo como archivo.
  4. 4Pégalo en tu código, plantilla de correo u hoja de estilos.

Qué hace cada opción

URL de datos
El texto completo "data:image/png;base64,...". Funciona directamente como src de una imagen o dentro de un url() de CSS.
Solo texto Base64
Solo los caracteres codificados, para API y campos JSON que piden Base64 simple.
Etiqueta img de HTML
Un elemento img ya preparado con la URL de datos dentro.
CSS background-image
Una línea de CSS que usa la imagen como fondo.

Privacidad

Esta herramienta funciona en tu navegador. Tus archivos nunca se suben a un servidor.

Preguntas frecuentes

¿Se sube mi imagen?

No. La imagen se codifica en tu navegador y el texto solo te lo muestra a ti.

¿Por qué el texto Base64 es más grande que la imagen?

Base64 escribe cada 3 bytes como 4 caracteres, así que el texto es aproximadamente un tercio más grande que el archivo.

¿Cuándo debo usar una URL de datos?

Para cosas pequeñas como iconos, un logotipo diminuto en un correo o un marcador de posición. Para imágenes más grandes, un archivo normal es más rápido porque los navegadores pueden guardarlo en caché.

¿Funciona con SVG?

Sí. Los archivos SVG se codifican como URL de datos image/svg+xml.

¿Puedo convertir Base64 de nuevo en una imagen?

Pega la URL de datos en la barra de direcciones de un navegador para verla, o usa un decodificador Base64 de la página de herramientas para desarrolladores.

Herramientas relacionadas