Arrastra una imagen aquí
o haz clic para elegir · PNG, JPG, WebP, GIF
Elegir imagenAcerca de Imagen a Base64
Suelta cualquier imagen y obtén su codificación Base64 al instante, en tres variantes listas para pegar: un data URI completo para etiquetas img, la cadena Base64 en bruto para APIs y payloads, y una regla CSS de background-image que puedes soltar directamente en una hoja de estilos. Una vista previa en vivo y un indicador de tamaño muestran exactamente qué vas a incrustar antes de copiarlo, para que ningún recurso sobredimensionado se cuele en tu código sin que lo notes.
Codificar una imagen en Base64 te permite incrustarla directamente en HTML, CSS, JSON o una plantilla de correo: sin archivo aparte y sin petición HTTP extra. La conversión sucede por completo en tu dispositivo usando el propio FileReader del navegador, así que la imagen nunca se sube a ninguna parte. Eso importa cuando codificas logotipos, maquetas o cualquier cosa bajo acuerdo de confidencialidad: lo que sueltas en la página se queda en tu máquina.
Características
- Copia el data URI completo, el Base64 en bruto o el fragmento CSS
- Vista previa en vivo de la imagen exacta que se codifica
- Muestra el tamaño codificado antes de copiar
- Funciona con PNG, JPG, WebP, GIF y SVG
- Codificación local con FileReader: no se sube nada
- Gratis, instantáneo y sin necesidad de cuenta
Cómo convertir una imagen a Base64 online
- Arrastra tu imagen a la herramienta o haz clic para elegir un archivo.
- Revisa la vista previa y el tamaño codificado que aparece debajo.
- Haz clic en Copiar data URI para usarlo en etiquetas img o JSON.
- O copia la cadena Base64 en bruto o el fragmento CSS de background-image.
- Pega el resultado en tu código, hoja de estilos o petición de API.
Preguntas frecuentes
¿Qué es un data URI en Base64?
Un data URI empaqueta el contenido de un archivo en una cadena de texto, precedida por su tipo MIME — por ejemplo data:image/png;base64,iVBOR… . Los navegadores lo muestran exactamente igual que una URL de imagen normal, así que puedes incrustar imágenes directamente en HTML, CSS o Markdown sin alojar un archivo aparte.
¿La codificación Base64 reduce la calidad de la imagen?
No. Base64 es una representación de texto sin pérdidas de los bytes exactos de tu archivo: al decodificarla obtienes una copia idéntica al original, píxel por píxel. El compromiso es el tamaño, no la calidad: como los datos binarios se escriben en caracteres de texto, la cadena codificada es aproximadamente un 33% más grande que el archivo original.
¿Cuándo conviene incrustar una imagen como Base64?
Brilla con recursos pequeños: iconos, logotipos, fondos diminutos, firmas de correo y documentos HTML de un solo archivo, donde ahorrar una petición HTTP compensa el sobrecoste de tamaño. Para fotos grandes, un archivo de imagen normal suele ser mejor opción, porque Base64 infla el código y no se puede cachear por separado.
¿Hay un límite de tamaño de archivo?
No hay un tope fijo: la codificación se ejecuta en la memoria de tu navegador, así que los iconos, logotipos y fotos habituales se convierten al instante. Los archivos de varios megabytes también funcionan, pero la cadena resultante se vuelve incómoda de pegar en el código y lenta de manejar para los editores: es un límite práctico más que técnico.
¿Mi imagen se sube a un servidor?
No. El archivo se lee y se codifica por completo en tu dispositivo usando la API FileReader del navegador: no se hace ninguna petición de red con los datos de tu imagen. Puedes incluso cargar la página, desconectarte de internet y la conversión seguirá funcionando.