Usamos cookies para medir el tráfico y mostrar anuncios. Puedes aceptar o rechazar las cookies no esenciales. Gestionar
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
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.
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.
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 codificación ocurre por completo dentro de tu navegador, usando el lector de archivos nativo (FileReader). La imagen se lee en memoria y se convierte en texto allí mismo, sin salir nunca a internet.
Eso importa cuando la imagen es material de marca o algo que prefieres no enviar a servicios de terceros: el contenido permanece en tu dispositivo.
La cadena completa se muestra en un campo listo para copiar — basta un clic en el botón. La herramienta también muestra el número de caracteres, útil para hacerte una idea del tamaño del Data URI antes de pegarlo en el código.
Funciona con PNG, JPG, WEBP, GIF y SVG. El tipo de la imagen ya viene incrustado al inicio de la cadena (por ejemplo, data:image/png;base64,...), así que el Data URI funciona justo donde lo pegues.
Sí. La herramienta es gratuita y no requiere registro.
No. La codificación ocurre por completo en tu navegador. La imagen no se transmite a internet ni se almacena.
Es un texto que representa la imagen entera, que empieza con data:image/...;base64,. Puedes pegarlo directamente en CSS, HTML o código.
PNG, JPG, WEBP, GIF y SVG.
Sí, alrededor de un 33% más grande que el archivo original. Por eso conviene más para imágenes pequeñas.
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.
Sí. La herramienta funciona en móviles y tabletas, directamente en el navegador.
No. Todo corre en el navegador, sin instalar nada y sin extensiones.