Imagen a Base64

Cómo convertir Imagen a Base64 online

1. Selecciona un archivo de imagen o pega la URL de una imagen.
2. Elige la salida: data URI, <img>, fondo CSS, favicon, JSON y más.
3. Haz clic en Codificar imagen a Base64.
4. Previsualiza la imagen y copia el código.

Formatos de salida

Elige cómo debe envolverse el resultado. El convertidor puede devolver:

• txt: solo la cadena Base64, lista para pegar en código, en un campo de base de datos o en una petición a una API.
• uri: un URI data: completo que puedes pegar en la barra de direcciones del navegador o usar en cualquier lugar donde se acepte una URL.
• html img: una etiqueta <img> con el data URI en src.
• css background image: una regla CSS con background-image: url(data:...).
• html favicon: una etiqueta <link rel="icon"> para un favicon incrustado.
• html hyperlink: un enlace <a> que descarga o abre el archivo incrustado.
• html iframe: un <iframe> que muestra el contenido incrustado.
• javascript image: JavaScript que crea un objeto Image.
• javascript popup: JavaScript que abre el contenido en una ventana nueva.
• json: un objeto JSON con el nombre del archivo, el tipo MIME y los datos.
• xml: un elemento XML con los datos dentro de una sección CDATA.

¿Cuándo conviene incrustar imágenes en Base64?

Incrusta imágenes pequeñas (de menos de unos 5–10 KB), como iconos, logotipos y marcadores de posición, para ahorrar solicitudes. Evita incrustar fotos grandes: hacen más pesado el HTML/CSS, no se pueden almacenar en caché por separado y retrasan el renderizado. Para más detalles, consulta data URI explicados.