Saltar al contenido

Convertidor de imagen a Base64

Convierte una imagen a una cadena Base64 o URI de datos, y decodifica Base64 de nuevo a una imagen visible, todo en tu navegador.

o suelta uno aquí PNG, JPEG, GIF, WebP, SVG y más. Nada se sube.

Cómo funciona

Base64 transforma los datos binarios de una imagen en texto plano para que pueda incrustarse directamente en HTML, CSS o JSON en lugar de enlazarse como un archivo separado. Una URI de datos añade un prefijo corto que identifica el formato, permitiendo que el navegador la muestre sin una solicitud adicional.

  1. Suelta o elige una imagen

    PNG, JPEG, GIF, WebP, SVG y la mayoría de los formatos que un navegador puede mostrar.

  2. Elige URI de datos o Base64 sin formato

    Usa la URI de datos directamente como src de img o background-image en CSS; usa Base64 sin formato cuando tu propio código añade el prefijo.

  3. Copiar o cambiar a decodificar

    Pega una cadena Base64 o URI de datos en la otra pestaña para verla en vista previa y descargarla como imagen.

Cuándo usar imágenes Base64

Las imágenes Base64 en línea eliminan una solicitud HTTP para imágenes pequeñas como íconos o logotipos, lo cual puede ser útil en escenarios específicos. La codificación Base64 también aumenta los datos en aproximadamente un 33 %, incrementa el tamaño del archivo HTML, CSS o JSON donde se encuentra, omite la caché de imágenes normal del navegador y es más difícil de actualizar que un archivo vinculado. La mayoría de los sitios deberían reservarla para imágenes pequeñas, de aproximadamente 2 KB o menos, utilizadas en línea.

Nada sale de tu dispositivo

La imagen se lee con la API de archivos del navegador y se codifica completamente en JavaScript. No se transmiten datos del archivo a ningún servidor, lo que hace que esta herramienta sea segura para capturas de pantalla, recursos de diseño o cualquier otra imagen que prefieras no subir.

Preguntas frecuentes

¿Cómo convierto una imagen a un URI de datos Base64 para insertarla en HTML o CSS?

Arrastra y suelta una imagen en el área de carga, o haz clic en Elegir una imagen para seleccionar un archivo. La herramienta lee la imagen localmente, la codifica a Base64 y muestra un URI de datos completo (data:image/png;base64,...) o Base64 sin procesar, según el formato de salida que elijas. Usa el URI de datos directamente en un atributo src de img o en una propiedad background-image de CSS.

¿Se sube mi imagen a un servidor durante la conversión a Base64?

No. La imagen se lee mediante la API de archivos del navegador y se codifica completamente en JavaScript en tu dispositivo. No se transmiten datos del archivo a ningún servidor. Esto hace que la herramienta sea adecuada para convertir capturas de pantalla, recursos de diseño, íconos o cualquier otro archivo de imagen sin preocupaciones de privacidad.

¿Cuándo debo usar imágenes codificadas en Base64 en lugar de archivos de imagen externos?

Las imágenes Base64 en línea eliminan una solicitud HTTP para imágenes pequeñas como íconos, logotipos o marcadores de posición de URI de datos, lo que puede reducir el tiempo de carga de la página en escenarios específicos. Sin embargo, la codificación Base64 aumenta el tamaño de la imagen en aproximadamente un 33 %, incrementa el tamaño de los archivos HTML o CSS, omite la caché de imágenes del navegador y es más difícil de actualizar. La recomendación general es usar Base64 solo para imágenes muy pequeñas, de menos de 2 KB aproximadamente, utilizadas en línea.

¿Cómo decodifico una cadena Base64 para obtener una imagen visible?

Cambia a la pestaña de Base64 a imagen, pega la cadena Base64, con o sin el prefijo de URI de datos, y haz clic en Decodificar a imagen. La herramienta decodifica y muestra una vista previa. Luego puedes inspeccionar la imagen o descargarla. Si la cadena está truncada o dañada, la vista previa no se mostrará y la herramienta te lo indicará.

¿Qué formatos de imagen admite este convertidor Base64?

El convertidor acepta cualquier formato de imagen que el navegador pueda mostrar, lo que generalmente incluye PNG, JPEG, GIF, WebP, SVG, AVIF e ICO. El filtro del selector de archivos está configurado como image/*, por lo que los archivos que no son imágenes se excluyen de forma predeterminada. La URI de datos de salida incluye el tipo MIME correcto según el tipo de archivo detectado.