Image to Base64 | Free Edu & .COM Temporary Mails
← Todas las herramientas / Image to Base64

🔤 Convertidor de imagen a Base64

Convierta cualquier imagen a una URL de datos Base64. Útil para incrustar imágenes directamente en HTML o CSS.

🖼️

Suelta la imagen aquí o haz clic para navegar

Salida Base64

¿Qué es la conversión de imagen a Base64?

La conversión de imagen a Base64 codifica un archivo de imagen en una cadena de texto Base64, específicamente una URL de datos como data:image/png;base64,iVBOR.... Esto le permite incrustar la imagen directamente en HTML, CSS o JSON sin necesidad de un archivo de imagen separado o una solicitud HTTP. El navegador decodifica la cadena Base64 sobre la marcha y muestra la imagen normalmente.

Esta técnica se usa ampliamente para reducir las solicitudes HTTP en íconos y logotipos pequeños (mejorando la velocidad de la página), para incluir imágenes en cargas útiles de API JSON, para incrustar imágenes en plantillas de correo electrónico HTML que no dependen de alojamiento externo y para almacenar imágenes en CSS para sprites de íconos o fondos. La desventaja es que las cadenas Base64 son aproximadamente un 33% más grandes que el archivo binario original, por lo que se utiliza mejor para imágenes pequeñas.

Cómo utilizar una imagen en Base64

  1. Suelta tu imagen en la zona de carga o haz clic Elige Imagen.
  2. La URL completa de datos Base64 aparece inmediatamente en el cuadro de salida.
  3. Hacer clic Copiar URL de datos completos copiar data:image/png;base64,... para uso en HTML o CSS.
  4. Hacer clic Copiar solo Base64 para copiar solo la cadena codificada (sin el prefijo de URL de datos) para usarla en API o bases de datos.

¿Por qué utilizar nuestra herramienta Image to Base64?

  • 100% gratis — No hay límites de tamaño de archivo ni de conversiones.
  • Sin registro — Conversión instantánea sin cuenta.
  • Basado en navegador — Su imagen se lee localmente utilizando la API FileReader y nunca se envía a un servidor.
  • Dos opciones de copia — Copie la URL de datos completa o solo la cadena Base64 sin formato por separado.
  • Información de tamaño — Muestra el tamaño del archivo original y la longitud de la cadena Base64 para ayudarle a decidir si la incrustación tiene sentido.

Preguntas frecuentes

Copie la URL de datos completa y úsela como atributo src de una etiqueta img: <img src="data:image/png;base64,iVBOR..." alt="My image">. También puedes usarlo en CSS: background-image: url('data:image/png;base64,...');. El navegador lo mostrará exactamente como una imagen vinculada externamente.

La codificación Base64 aumenta el tamaño del archivo en aproximadamente un 33%. Esto se debe a que codifica 3 bytes de datos binarios como 4 caracteres ASCII. Una imagen de 100 KB se convierte en aproximadamente 133 KB en Base64. Esta sobrecarga es la razón por la que se recomienda la incrustación de Base64 solo para imágenes pequeñas (normalmente de menos de 5 a 10 KB).

Sí, las imágenes codificadas en Base64 en HTML de correo electrónico son útiles porque no dependen de alojamiento externo y se muestran incluso cuando las imágenes están bloqueadas de forma predeterminada. Sin embargo, algunos clientes de correo electrónico (especialmente Gmail) eliminan las URL de datos de los correos electrónicos HTML por razones de seguridad. Pruebe exhaustivamente antes de utilizar imágenes Base64 en campañas de correo electrónico.

Una URL de datos es la cadena completa que incluye el prefijo de tipo MIME: data:image/png;base64,XXXX. La cadena Base64 es solo la parte XXXX después de la coma. Utilice la URL de datos completa en HTML/CSS; use solo la cadena Base64 cuando envíe imágenes a través de API, las almacene en una base de datos o cuando el sistema receptor agregue su propio prefijo.

Datos breves

  • ✓ 100% gratis, sin cargos ocultos
  • ✓ No se necesita cuenta ni inicio de sesión
  • ✓ Funciona en cualquier navegador
  • ✓ Tus datos nunca salen de tu dispositivo
  • ✓ Copie la URL de datos completa o Base64 sin procesar por separado

Herramientas relacionadas