🖼️Imagen ↔ Base64

Cargando...

Codificar imágenes como Base64 te permite incrustarlas directamente en HTML, CSS o JSON como texto plano sin necesidad de un archivo separado. Suelta o pega una imagen y esta herramienta generará instantáneamente una Data URL, cadena Base64 bruta, etiqueta img de HTML, valor de fondo CSS y sintaxis de imagen Markdown.

Cómo usar

1
Subir una imagen
Arrastra y suelta un archivo de imagen, haz clic para buscar o pega una captura de pantalla desde el portapapeles (Ctrl+V).
2
Verificar la vista previa
Revisa la vista previa de la imagen junto con el nombre del archivo, tipo, tamaño, dimensiones y el tamaño en Base64.
3
Copiar el formato que necesites
Haz clic en el botón de copiar junto a Data URL, Base64, etiqueta img HTML, fondo CSS o Markdown.

Consejos

💡Más adecuado para iconos y logotipos pequeños. Las imágenes grandes producen cadenas Base64 extensas que pueden afectar el rendimiento.
💡Copia el valor de fondo CSS y pégalo directamente en un estilo en línea o archivo CSS.
💡Todo el procesamiento ocurre en tu navegador; tus imágenes nunca se suben a un servidor.
💡Usa la pestaña 'Base64 → Imagen' para lo inverso: pega una cadena Base64 o Data URL para previsualizarla y descargarla como archivo de imagen.

Preguntas frecuentes

Q. ¿La codificación Base64 aumenta el tamaño del archivo?: A. Sí. Base64 convierte binario en texto ASCII, aumentando el tamaño en aproximadamente un 33%. Solo es adecuado para iconos pequeños.
Q. ¿Dónde se usan los Data URIs?: A. Se insertan directamente en HTML (<img src="data:...">) o CSS (background-image), eliminando peticiones HTTP adicionales. Útil para páginas de un solo archivo o plantillas de email.
Q. ¿Se envía la imagen a algún servidor?: A. No. Todo el procesamiento es local en el navegador usando la FileReader API. Tus datos nunca salen del dispositivo.