Ir al contenido principal
Bethemesh
Imágenes y diseño gráfico

Imagen ⇄ Base64

Codifica una imagen en Base64 o decodifica una cadena Base64/Data URI en una imagen directamente en tu navegador.

Integrar este widget

Personaliza el resultado, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Responsive y redimensionado automáticamente por Bethemesh.

  • 100 % local
  • Instantáneo
  • Gratis
  • Sin cuenta
  • Funciona sin conexión
  • Portapapeles

Tus archivos se procesan localmente en el navegador y nunca se envían a nuestros servidores.

Suelta tu archivo aquí

Tamaño recomendado: hasta 25 MB

Vista previa

Base64 / Data URI

¿Por qué usar esta herramienta?

Convierte una imagen a Base64/Data URI o reconstruye una imagen desde una cadena Base64 directamente en tu navegador y sin subir el archivo.

100 % local y seguro

Tus datos permanecen en tu dispositivo y nunca se envían a nuestros servidores.

Procesamiento inteligente

Prepara y transforma imágenes directamente en el navegador, sin software adicional.

Formatos compatibles

Formatos de imagen habituales con las opciones de exportación disponibles.

Ahorra tiempo

Obtén un resultado limpio y listo para usar en segundos, sin instalar programas ni configurar procesos complejos.

Fonctionnement

¿Cómo funciona esta herramienta?

La herramienta funciona en ambos sentidos. Al codificar, el navegador lee el archivo de imagen y genera una Data URI que incluye el tipo MIME y los datos Base64, lista para copiar en código o configuración. Al decodificar, puedes pegar una Data URI completa o Base64 sin prefijo, elegir el tipo MIME cuando sea necesario, previsualizar el resultado reconstruido y descargarlo como imagen. Todo el proceso se realiza localmente en tu dispositivo.

Casos de uso

Integrar una imagen

Convierte un icono o un gráfico ligero en Data URI para utilizarlo directamente en HTML, CSS, plantillas o configuraciones.

Decodificar datos

Previsualiza una cadena Base64 recibida desde una API, un registro o una exportación antes de guardarla como archivo de imagen.

Depurar un intercambio

Comprueba que una carga Base64 o una Data URI genera la imagen esperada durante desarrollo, pruebas o resolución de incidencias.

Guide

Cómo utilizar esta herramienta

  1. 1

    Elige el sentido

    Cambia entre Imagen → Base64 y Base64 → Imagen según la tarea.

  2. 2

    Añade la fuente

    Carga una imagen o pega una cadena Base64 o una Data URI completa.

  3. 3

    Copia o descarga

    Copia el texto generado o descarga el archivo de imagen decodificado.

Consejos y buenas prácticas

  • Una Data URI ya contiene el tipo MIME, mientras que Base64 bruto no lo incluye.
  • Base64 aumenta el tamaño de los datos aproximadamente un tercio respecto al binario original.
  • Evita incrustar imágenes Base64 muy grandes en páginas web porque pueden aumentar demasiado el peso del documento.

Preguntas frecuentes

¿Qué diferencia hay entre Base64 y Data URI?

Base64 representa datos binarios como texto. Una Data URI añade metadatos como el tipo MIME y el prefijo data: alrededor de ese contenido.

¿Se suben mis imágenes a un servidor?

No. La lectura, codificación, decodificación, previsualización y descarga se realizan localmente en tu navegador.

¿Puedo decodificar Base64 sin prefijo data:?

Sí. Pega la cadena Base64 sin prefijo y selecciona el tipo MIME correcto para que el navegador reconstruya la imagen.

¿Te ha resultado útil esta herramienta?

GuíaBuenas prácticasPrincipiante

Convertir un PDF en imágenes o imágenes en PDF

Comprende qué cambia al rasterizar páginas PDF, cómo influyen la resolución y el formato de imagen y cuándo conviene reunir imágenes en un PDF.

29 de agosto de 20262 minLeer

Workflow recomendado

Continúa tu proceso

Descubre herramientas que encajan antes, después o como complemento de esta.

Herramientas complementarias

Imágenes y diseño gráfico

Crear un GIF desde imágenes

Combina varias imágenes en un GIF animado directamente en tu navegador.

100 % localNuevo
Usar esta herramienta
Imágenes y diseño gráfico

Convertir y comprimir una imagen

Convierte una imagen a PNG, JPEG o WebP y ajusta la calidad antes de descargarla.

100 % localDestacado
Usar esta herramienta
Imágenes y diseño gráfico

Convertir SVG a PNG

Convierte un SVG a PNG, JPEG o WebP con dimensiones y fondo personalizados.

100 % local
Usar esta herramienta