Herramientas95

CONVERTIR / UNA GUÍA PRÁCTICA DE IMAGEN

Cómo convertir Base64 a una imagen

Recupera la imagen original a partir de una cadena Base64 o una URL de datos de imagen.

Pega los datos codificados en Base64 a Imagen, selecciona Continuar, verifica la imagen y descárgala en su formato original. Este ejemplo decodifica la muestra PNG sin cambiar su tamaño ni volver a comprimirla.

Sigue la guía
DATOS CODIFICADOS Y SU IMAGEN RECUPERADA
Antes
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAQAElEQVR4Aez9T+x/+1Xehz7rZ0Jv/iiiXEWM2kFQRonUiAwQqmp1lKhCKKpQRh3cFBJsAyYYAjY2mHOOoYE29rEZkD…

Inicio de la URL de datos de la imagen de muestra; extracto acortado para la visualización.

Después Icono de órbita PNG original recuperado de la URL de datos Base64.

PNG decodificado: 512 × 512 píxeles, 202,491 bytes originales.

Una URL de datos de imagen completa se decodifica de nuevo al PNG original. El texto mostrado está acortado; el ejemplo utiliza la cadena completa.
Anuncios
VIDEO TUTORIAL RÁPIDO How to convert Base64 code into an image Paste a Base64 image or data URL, preview the decoded picture, choose Start and download the image in its original format. Narración en inglés Ver el video

How to convert Base64 code into an image

Anuncios

Sigue este ejemplo para convertir datos de imagen codificados de nuevo en un archivo utilizable. Abrir Base64 a imagen.

01

Pega los datos de la imagen

Abre Base64 a Imagen y pega una cadena Base64 simple o una URL de datos de imagen completa. Prueba una muestra rellena el mismo campo con un ejemplo real de PNG. No necesitas subir un archivo por separado.

Una URL de datos incluye un prefijo como data:image/png;base64,. El Base64 simple contiene solo los caracteres codificados. Los espacios en blanco y saltos de línea dentro de los datos se ignoran.

Si tu código está dentro de una imagen HTML o una declaración CSS, copia solo la URL de datos. El elemento HTML completo o la declaración CSS no pueden decodificarse como una imagen.

Usa el convertidor de Imagen a Base64 cuando necesites ir en la dirección opuesta.

02

Verifica la vista previa antes de exportar

Selecciona Continuar. El convertidor verifica los caracteres Base64, la firma del archivo de imagen, cualquier tipo MIME declarado y si el navegador puede abrir el resultado.

Una URL de datos que declara JPG mientras contiene PNG bytes es rechazada. El texto incompleto, los archivos no compatibles y los archivos que superan los límites también son rechazados. Esto evita guardar silenciosamente una extensión de archivo engañosa.

El ejemplo utiliza la muestra favicon-orbit.png, un PNG de 512 × 512 que contiene 202,491 bytes. Su vista previa debería mostrar la misma ilustración de icono colorido. Si cambias el código pegado en el editor, selecciona Vista previa de imagen para comprobar el reemplazo.

La vista previa ayuda a identificar la imagen. No confíes únicamente en un nombre de archivo o un tipo MIME declarado.

El ejemplo en esta guía

Prueba un ejemplo para completar la URL de datos para favicon-orbit.png. Selecciona Continuar, confirma la vista previa de 512 × 512, luego Iniciar y Descargar. Compara los PNG bytes descargados con la muestra original.

Formato decodificado
PNG
Dimensiones de la imagen
512 × 512 px
Bytes de imagen originales
202,491 bytes
Conversión
Decodificación sin recompresión
03

Descarga la imagen recuperada

Selecciona Iniciar, luego Descargar para guardar decoded-image.png para este ejemplo. El convertidor detecta el formato original; no te pide que elijas uno diferente.

La decodificación restaura los bytes originales. No cambia el tamaño, redibuja ni vuelve a comprimir la imagen, y conserva los metadatos existentes y la animación GIF. Usa otra herramienta de imagen después de descargar si deseas cambiar el tamaño, comprimir o convertir el resultado.

La muestra descargada tiene los mismos 202,491 bytes que su fuente PNG. El extracto corto de la URL de datos que se muestra aquí es solo para ilustración; una cadena truncada no producirá la imagen completa.

Descarga el resultado antes de actualizar la página, lo cual inicia un nuevo flujo de trabajo.

04

Conoce los formatos, límites y límites de privacidad

PNG, JPG, WebP, GIF, BMP y AVIF son compatibles cuando el navegador puede decodificarlos para la vista previa. Una imagen decodificada puede tener hasta 25 MB, 60 megapíxeles y 16,000 píxeles por lado. La entrada de texto también tiene una longitud limitada. El marcado SVG y los archivos binarios arbitrarios no son compatibles.

Los datos pegados se decodifican y previsualizan en tu dispositivo sin ser subidos para su conversión. Base64 no es cifrado: cualquiera con la cadena completa puede reconstruir la imagen.

Mantén privado el texto codificado de una imagen privada.

DETALLES ÚTILES

Preguntas frecuentes

¿Cómo convierto Base64 a una imagen?

Pega una cadena Base64 simple o una URL de datos de imagen, selecciona Continuar, verifica la vista previa, luego selecciona Start y Download.

¿Puedo pegar una etiqueta de imagen HTML completa?

Utiliza solo la URL de datos dentro de su atributo src. Un elemento HTML completo o una declaración CSS no se aceptan.

¿La imagen perderá calidad?

No. La decodificación recupera los bytes de la imagen original sin cambiar el tamaño ni volver a comprimir.

¿Puedo elegir JPG en lugar de PNG?

Esta herramienta restaura el archivo codificado en su formato original. Utiliza un convertidor de imágenes después para cambiar los formatos.

¿Por qué se rechaza mi URL de datos?

Los datos pueden estar incompletos, exceder un límite, contener un formato no admitido o declarar un tipo MIME que no coincide con la imagen real.

¿Se suben los datos Base64?

No. El convertidor decodifica y previsualiza la imagen localmente en tu navegador.

TU TURNO

Recupera la imagen, confírmala y guarda su archivo original.

Prueba una muestra o usa tu propio archivo, y revisa el resultado antes de compartirlo.

Abrir Base64 a imagen

Detalle de la imagen

Idioma38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Elige tu idioma. Los tutoriales en vídeo utilizan actualmente narración en inglés.