Image to Base64

Nuevo

Convierte imágenes a URIs de datos Base64 para incrustación en CSS, HTML y SVG con decodificador inverso.

Gratis siempre
Sin registro
Sin almacenamiento

Suelta una imagen aquí o haz clic para buscar

Insertar esta herramienta

Agrega esta herramienta a tu sitio web con un fragmento iframe.

<iframe src="https://dukotools.com/tools/image-to-base64?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="image-to-base64 tool"></iframe>

About Image to Base64

Image to Base64 convierte cualquier archivo de imagen en una cadena codificada en Base64 y la presenta en cuatro formatos listos para usar: el URI de datos sin procesar, el valor de la propiedad CSS background-image, una etiqueta img HTML incrustada y la cadena Base64 pura. Cargue un archivo JPEG, PNG, WEBP, GIF, SVG o ICO de hasta 2 MB mediante arrastrar y soltar. La herramienta muestra el tamaño del archivo original, el tamaño codificado y el porcentaje exacto de aumento del tamaño. La codificación Base64 aumenta el tamaño del archivo en aproximadamente un 33 por ciento porque representa 3 bytes de datos binarios como 4 caracteres ASCII. La sección del convertidor inverso acepta una cadena Base64 o un URI de datos, lo decodifica, muestra la vista previa de la imagen y ofrece un botón de descarga para el archivo de imagen decodificado.

Características clave

  • Cuatro formatos de salida

    URI de datos, propiedad de imagen de fondo CSS, etiqueta img HTML y cadena Base64 sin formato.

  • Estadísticas de tamaño

    Muestra el tamaño original, el tamaño codificado y el porcentaje de aumento del tamaño.

  • Botones de copia individuales

    Botón Copiar para cada formato de salida por separado.

  • Decodificador inverso

    Pegue una cadena Base64 o un URI de datos para decodificar y obtener una vista previa de la imagen original.

  • Múltiples tipos de archivos

    Admite archivos JPEG, PNG, WEBP, GIF, SVG e ICO de hasta 2 MB.

  • Descargar cadena codificada

    Descargue la cadena Base64 como un archivo .txt.

Cómo utilizar

  1. 1

    Sube una imagen

    Arrastre y suelte o haga clic para seleccionar un archivo JPEG, PNG, WEBP, GIF, SVG o ICO.

  2. 2

    Selecciona tu pestaña de formato

    Elija URI de datos, CSS, etiqueta img HTML o pestaña Raw Base64.

  3. 3

    Copiar la salida

    Haga clic en el botón Copiar para el formato elegido.

  4. 4

    Decodificar una cadena Base64 (opcional)

    Desplácese hasta la sección inversa, pegue una cadena Base64, haga clic en Decodificar y descargue la imagen.

Casos de uso del mundo real

Desarrollo de correo electrónico

Un desarrollador de correo electrónico convierte un logotipo PNG a Base64 y lo incrusta en el correo electrónico HTML para garantizar que el logotipo aparezca incluso cuando el cliente de correo electrónico bloquea imágenes externas.

Alternativa de sprites CSS

Un desarrollador incorpora pequeños íconos de interfaz de usuario como URI de datos Base64 en un archivo CSS para eliminar múltiples solicitudes HTTP de imágenes.

Almacenamiento de imágenes API

Un desarrollador decodifica cadenas de imágenes Base64 a partir de una respuesta API heredada para descargar y ver los archivos de imágenes reales.

Preguntas frecuentes

Related Free Tools