Convertir imagen a Base64
Convierte una imagen en una cadena Base64 (Data URI) para pegarla directamente en tu CSS, HTML o código. La conversión ocurre en tu navegador — el archivo no se envía a ningún servidor — y la cadena se puede copiar con un clic.
Arrastra tus archivos aquí
o haz clic para seleccionar
PNG, JPEG, WEBP, GIF, SVG
Cómo convertir una imagen a Base64 en 3 pasos
Agrega la imagen
Arrastra el archivo (PNG, JPG, WEBP, GIF o SVG) al área de carga o haz clic para seleccionarlo. Se lee solo en la memoria de tu dispositivo.
Mira el Base64
La cadena Data URI (que empieza con data:image/...) aparece en pantalla, junto con una vista previa de la imagen y el total de caracteres.
Copia
Haz clic en copiar y pega la cadena donde la necesites — en CSS, HTML o cualquier código.
Para qué sirve el Base64 de una imagen
Codificar una imagen en Base64 produce un Data URI — un texto que representa la imagen entera. Con él, puedes incrustar la imagen directamente en el código, sin un archivo separado y sin una URL externa.
Lo usan mucho quienes programan: incrustar un icono pequeño en el CSS, poner una imagen en un correo HTML, guardar un logo dentro de un archivo de configuración o evitar una petición de red extra en una página.
Cuándo vale la pena (y cuándo no)
El Base64 es ideal para imágenes pequeñas — iconos, logos, gráficos pequeños — donde evitar un archivo separado simplifica el proyecto. Para esos casos, incrustar la imagen en el código es práctico.
Para imágenes grandes, ten en cuenta que el Base64 aumenta el tamaño en torno a un 33% respecto al archivo original y no se almacena en caché como un archivo normal. En ese caso, suele ser mejor mantener la imagen como archivo.
La imagen no se envía
La codificación ocurre en el navegador; la imagen no sale de tu dispositivo.
Por qué el límite es de 10 MB
Es el límite más pequeño del sitio, y no es arbitrario: Base64 representa datos binarios usando solo caracteres de texto, y eso cuesta espacio — la cadena resultante queda alrededor de un tercio más grande que el archivo original.
Una imagen de 10 MB se convierte en una cadena de más de 13 MB. Pegar eso dentro de un HTML o un CSS deja el archivo pesado y difícil de editar, así que el límite existe tanto por memoria como por sentido común de uso.
Cuándo compensa y cuándo no
Compensa en imágenes pequeñas — iconos, logotipos, un sello de firma en un correo — donde incrustar evita una petición de red extra y el riesgo de que el archivo externo desaparezca.
No compensa en fotografía: además del inflado, la imagen incrustada no puede almacenarse en caché por separado de la página, así que se descarga en cada carga. Para fotos, el camino es alojar el archivo y referenciar la URL.
Casos de uso
- Incrustar un icono pequeño directamente en el CSS
- Incluir una imagen en un correo HTML
- Evitar una petición de red extra para un logo pequeño
- Guardar una imagen dentro de un archivo de configuración o JSON
- Probar rápidamente una imagen como Data URI
Preguntas frecuentes
¿Convertir imagen a Base64 es gratis?
Sí. La herramienta es gratuita y no requiere registro.
¿Qué es un Data URI?
Es un texto que representa la imagen entera, que empieza con data:image/...;base64,. Puedes pegarlo directamente en CSS, HTML o código.
¿Qué formatos se aceptan?
PNG, JPG, WEBP, GIF y SVG.
¿El Base64 queda más grande que la imagen?
Sí, alrededor de un 33% más grande que el archivo original. Por eso conviene más para imágenes pequeñas.
¿Cómo uso la cadena?
Cópiala y pégala donde la necesites, por ejemplo en background-image: url(...) en CSS o en el atributo src de una etiqueta img.
Preguntas generales sobre el sitio
- ¿Es gratis?
- Sí, sin registro, sin límite de uso y sin marca de agua.
- ¿Funciona en el móvil?
- Sí, directamente desde el navegador de Android o iPhone.
- ¿Necesito instalar algo?
- No. Ningún programa, ninguna extensión.
- ¿Mi archivo se envía a algún servidor?
- En las herramientas marcadas como locales, no — el archivo no sale de tu dispositivo. Solo tres herramientas usan servidor, y se indica en su propia página.
Cómo funciona por dentro, y lo que el sitio no hace, está en Acerca de.