---

title: Convertidor de imagen a Base64 — Herramienta en línea gratuita description: Convierte cualquier imagen a una URI de datos Base64 instantáneamente. Soporta PNG, JPEG, GIF, SVG, WebP y BMP. Gratis, privado y funciona completamente en tu navegador. date: 2026-05-17

¿Qué es la codificación Base64 de imágenes?

La codificación Base64 convierte los datos binarios de una imagen en una cadena de texto compuesta por letras, números, +, / y =. Cuando se combina con un prefijo de tipo MIME, crea una URI de datos — una cadena autónoma que puedes incrustar directamente en HTML, CSS o JSON sin necesidad de un archivo separado.

Por ejemplo, en lugar de vincular a un archivo externo:

<img src="logo.png" alt="Logo" />

Puedes incrustar la imagen directamente:

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />

¿Por qué convertir imágenes a Base64?

Beneficio	Descripción
Menos solicitudes HTTP	Incrustar imágenes pequeñas elimina la necesidad de descargar archivos separados
Plantillas de correo electrónico	Muchos clientes de correo electrónico no cargan imágenes externas — Base64 funciona incrustado
Aplicaciones de un solo archivo	Incluye iconos y activos en un solo archivo HTML para compartir fácilmente
Cargas de API	Envía imágenes como cadenas en JSON sin subidas multipart
Documentos sin conexión	Informes HTML autónomos que funcionan sin servidor

Formats de imagen soportados

Formato	Tipo MIME	Extensión
PNG	image/png	.png
JPEG	image/jpeg	.jpg, .jpeg
GIF	image/gif	.gif
SVG	image/svg+xml	.svg
WebP	image/webp	.webp
BMP	image/bmp	.bmp

Tamaño máximo de archivo: 10 MB.

Formats de salida

Esta herramienta proporciona cuatro formats de salida:

1. URI de datos — Cadena completa data:image/...;base64,.... Úsala directamente en atributos src o url() en CSS.
2. Solo Base64 — Cadena cruda de Base64 sin el prefijo de URI de datos. Útil para cargas de API.
3. Etiqueta HTML — Elemento <img> completo con src, alt, width y height.
4. Fondo CSS — Declaración lista para usar background-image: url(...).

¿Cómo usarlo

1. Sube una imagen — Arrastra y suelta en la zona de arrastre o haz clic para navegar tus archivos.
2. Previsualiza la imagen — Ve la imagen subida y su información de archivo (nombre, tamaño, tipo, dimensiones).
3. Elige el formato de salida — Selecciona URI de datos, Solo Base64, Etiqueta HTML o Fondo CSS.
4. Copia o descarga — Haz clic en Copiar al portapapeles o Descargar como archivo de texto.

¿Cuándo usar Base64 (y cuándo no)

Casos adecuados:

• Iconos y elementos de interfaz pequeños (menos de 10 KB)
• Imágenes para newsletters de correo electrónico
• Prototipos HTML de un solo archivo
• Cargas de API JSON donde no se dispone de multipart

Evita usarlo para:

• Fotos grandes o imágenes de portada (aumenta el tamaño del archivo en ~33%)
• Sitios con muchas imágenes (no se puede cachear datos incrustados en el navegador)
• Imágenes repetidas en varias páginas (Base64 no se puede cachear por separado)

Privacidad y seguridad

Todo el procesamiento ocurre completamente en tu navegador. Tus imágenes nunca se suben a ningún servidor. La conversión a Base64 se realiza en el lado del cliente usando la API FileReader.

Preguntas frecuentes

¿Aumenta Base64 el tamaño del archivo? Sí. La codificación Base64 aumenta el tamaño del archivo original en aproximadamente un 33%. Un PNG de 3 KB se convierte en aproximadamente 4 KB en Base64.

¿Puedo convertir Base64 de vuelta a una imagen? Sí. Puedes pegar una URI de datos en la barra de direcciones del navegador para ver la imagen, o usar una herramienta de decodificación de Base64 para guardarla como archivo.

¿Hay un límite de tamaño de archivo? Esta herramienta acepta imágenes hasta 10 MB. Para archivos más grandes, considera usar una herramienta de línea de comandos como base64 en Linux/macOS.

¿Funciona con archivos SVG? Sí. Los archivos SVG se convierten a Base64 igual que las imágenes rasterizadas. Tenga en cuenta que, para SVG, también puede incrustar directamente el código SVG en HTML para un mejor rendimiento. /think