Imagen a Base64

Codifica imágenes a datos URI Base64. Incrusta imágenes directamente en HTML/CSS sin archivos externos. 100% privado.

Drop an image here or click to browse

About Image to Base64

Convierte imágenes a datos URI codificados en Base64. Útil para incrustar imágenes pequeñas en correos HTML, fondos CSS o páginas web de un solo archivo.

Codificación instantánea

Sube cualquier imagen y obtén su dato URI Base64 al instante. Admite formatos JPG, PNG, WebP, GIF y SVG.

Incrustación en línea

Perfecto para incrustar imágenes pequeñas directamente en atributos src de HTML, URLs de background-image en CSS o páginas web de un solo archivo.

100% privado

La API FileReader lee la imagen completamente en tu navegador. Cero bytes se envían a cualquier servidor: tus archivos permanecen locales.

Copiar y descargar

Copia el dato URI al portapapeles con un clic o descárgalo como archivo .txt para usarlo en tus proyectos.

📋 Common Use Cases

Incrustación de imágenes en línea en HTML

Convierte iconos y logotipos pequeños a cadenas Base64 para incrustarlos directamente en HTML sin solicitudes de archivos de imagen separados.

Optimización de imágenes de fondo en CSS

Codifica imágenes como datos URI para propiedades de fondo CSS y elimina solicitudes HTTP adicionales al cargar la página.

Gráficos para firmas de correo electrónico

Incrusta imágenes o logotipos pequeños como Base64 en firmas HTML de correo para una visualización fiable en todos los clientes de correo.

Manejo de datos de imagen en JavaScript

Genera cadenas Base64 para almacenar datos de imagen en variables de JavaScript para operaciones de canvas o renderizado dinámico.

🪜 How to Use This Tool

  1. Sube tu imagen
    Selecciona cualquier archivo de imagen hasta el límite de memoria de tu navegador: se admiten JPG, PNG, WebP, GIF y SVG.
  2. La codificación ocurre al instante
    La imagen se convierte automáticamente a una cadena de datos URI Base64 sin necesidad de hacer clic en ningún botón.
  3. Copia el dato URI
    Haz clic en el botón de copiar para copiar la cadena completa del dato URI a tu portapapeles, incluido el prefijo de tipo MIME.
  4. Pégalo en tu código
    Usa el dato URI directamente en atributos src de HTML, valores url() de CSS o variables de JavaScript.

📚 Related Guides

Frequently Asked Questions

¿Esta herramienta de imágenes es realmente gratuita?▼
Sí. Todas las herramientas de imágenes son completamente gratuitas. Sin registro, sin cuenta, sin pago. Todo el procesamiento ocurre en tu navegador.
¿Se suben mis imágenes a un servidor?▼
No. Todo el procesamiento de imágenes ocurre localmente en tu navegador. Tus imágenes nunca salen de tu dispositivo. Esto es especialmente importante para fotos sensibles, identificaciones y documentos personales.
¿Cómo funciona el removedor de fondo con IA?▼
Utiliza la biblioteca @imgly/background-removal que ejecuta una red neuronal IS-Net completamente en tu navegador mediante WebAssembly. El primer uso descarga un modelo de ~10MB (almacenado en caché para futuras visitas). No se envía ningún dato de imagen a ningún servidor.
¿Qué formatos de archivo se admiten?▼
JPEG, PNG, WebP, SVG, GIF, BMP y HEIC. Se admite la conversión entre todos los formatos. Las funciones de IA funcionan con entradas JPEG y PNG.
¿Cuál es el tamaño máximo de imagen?▼
Las imágenes de hasta ~4000x4000px se procesan sin problemas en dispositivos modernos. Las imágenes muy grandes pueden ser más lentas. Para procesamiento por lotes, se recomienda hasta 20 imágenes a la vez.