TOP
Comprimir imagen
image
Conversor de Imagen a Base64
Codifica imágenes a Base64 con fragmentos de data URI, CSS y HTML listos para pegar - o pega Base64 y recupera la imagen. Todo funciona en tu navegador. Sin registro, sin límites, gratis.
Entrada
Arrastra tu imagen aquí
PNG, JPG, WebP, GIF, SVG, BMP o ICO · los archivos pequeños se incrustan mejor
Salida
Base64 hace los archivos ~33% más grandes. La incrustación funciona mejor por debajo de 10 KB; por encima de eso, enlaza el archivo en su lugar.
Funciona 100% en tu navegador Sin límites de tamaño ni de archivos Gratis, sin registro
Cómo convertir una imagen a Base64
Añade tu imagen
Arrastra y suelta una imagen en cualquier parte de la caja, haz clic para explorar o pégala directamente desde el portapapeles. Funcionan PNG, JPG, WebP, GIF, SVG, BMP e ICO.
Elige el fragmento que necesitas
Alterna entre Base64 en bruto, un data URI completo, una regla CSS background-image o una etiqueta HTML img. El resultado se actualiza al instante.
Cópialo y pégalo
Haz clic en Copiar y coloca el fragmento en tu hoja de estilos, HTML o código. Para ir en sentido inverso, cambia a Base64 → Imagen, pega cualquier Base64 o data URI y descarga el archivo decodificado.
Preguntas frecuentes sobre imagen y Base64
¿Qué es la codificación Base64?
Base64 convierte datos binarios en texto ASCII plano usando 64 caracteres seguros, de modo que una imagen puede vivir dentro de un archivo de texto: HTML, CSS, JSON o un correo electrónico. El texto es aproximadamente un 33% más grande que el archivo original, que es el precio de hacerlo copiable y pegable.
¿Cuándo debería incrustar una imagen como Base64?
La incrustación brilla con recursos pequeños: iconos, logotipos, fondos diminutos por debajo de unos 10 KB. Ahorra una petición HTTP y mantiene un componente autónomo. Para imágenes más grandes un enlace de archivo normal es más rápido, se almacena en caché correctamente y no infla tu documento.
¿Cómo uso el Base64 en CSS o HTML?
Usa las variantes ya preparadas: la pestaña CSS te da una regla background-image completa y la pestaña HTML una etiqueta img completa. Ambas envuelven el mismo data URI, que es la carga Base64 precedida por su tipo de contenido.
¿Puedo convertir Base64 de nuevo a una imagen?
Sí. Cambia la herramienta a Base64 → Imagen, pega Base64 en bruto, un data URI o incluso una regla CSS o etiqueta img completa - la carga se detecta automáticamente, el formato se identifica a partir de los propios datos y descargas el archivo que contiene.
¿Por qué se rechaza mi cadena Base64?
Normalmente la cadena está incompleta: una cola que falta por una copia parcial rompe la decodificación. Pega el valor completo incluido cualquier prefijo data:image. Las cadenas que se decodifican pero no son datos de imagen también se rechazan, con un mensaje claro en ambos casos.
¿Se sube mi imagen a un servidor?
No. La codificación y decodificación son operaciones de texto puras que tu navegador realiza localmente. Ni tus imágenes ni tus cadenas Base64 salen nunca de tu dispositivo.