Desarrollo, 7 herramientas

Conversores, 4 herramientas

Texto, 5 herramientas

Color, 2 herramientas

Generadores, 3 herramientas

Imagen, 4 herramientas

PDF, 6 herramientas

Calculadoras, 4 herramientas

Herramientas abiertas · 0

Acerca de

Base64 a imagen

Pega una cadena Base64, o un data: URI completo de una hoja de estilos o de una respuesta de API, y se muestra la imagen que contiene, identificada por lo que dicen sus primeros bytes. Descárgala como decoded.png, decoded.jpg o lo que resulte ser. La ventana se abre con un PNG de muestra de 214 bytes, así que pega el tuyo encima.

Qué hace

  • Se dibujan PNG, JPEG, GIF, WebP, AVIF e iconos de Windows; HEIC y TIFF se nombran sin dibujarse, porque los navegadores no pueden mostrarlos.
  • Un prefijo data:image/png;base64, se lee y se aparta, y la nota dice qué tipo declaraba.
  • Los saltos de línea y los espacios del texto pegado se ignoran, y también se leen el alfabeto URL-safe y el relleno que falta.
  • Un carácter que no corresponde se ubica por línea y columna, así que localizar el fallo en una cadena cortada o dañada es sencillo.
  • El archivo sale byte por byte como se codificó, con sus metadatos.
  • Una imagen diminuta, como un icono de 16 píxeles, se muestra ampliada con píxeles nítidos para que pueda verse.

Cómo se usa

  1. Pega el Base64 o el data: URI en el cuadro de Base64.
  2. Revisa la imagen, y el tipo y el tamaño que aparecen sobre ella.
  3. Descárgala, o cópiala como CSS o como etiqueta <img>.

Qué no hace

  • Un SVG dibujado como imagen: un SVG es texto, así que su Base64 se decodifica a XML y se muestra como texto.
  • Una vista previa de más de 15 MB: una imagen tan grande se decodifica y se descarga, pero no se dibuja en la página.

Preguntas

¿Por qué mi Base64 no se muestra como imagen?

Casi siempre la cadena se cortó al copiarla: el final aparece entonces como un error, o los bytes no son una imagen que el decodificador conozca. Cópiala de nuevo, desde el primer carácter después de la coma hasta el último.

¿Dónde encuentro el Base64 de una imagen?

Después de data:image/png;base64, en el código fuente de una página o en una hoja de estilos; en una respuesta de API que lleva una imagen como cadena; o en el código fuente original de un correo. Puedes pegarlo con la parte data: o sin ella.

¿La imagen se sube a algún sitio?

No. Tu navegador la decodifica y la dibuja, y la descarga se hace con los mismos bytes.

Todo lo de aquí funciona en tu navegador. Nada de lo que escribes, pegas o abres se sube, y no hay cuenta ni cola. Cómo funciona.

Se usa a menudo con

Más en Conversores

  • Conversor de unidades: Convierte longitud, peso, temperatura, volumen, área, velocidad, tamaño de datos y nueve magnitudes más, en los dos sentidos y con la fórmula.
  • Visor y editor de CSV: Abre un archivo CSV, Excel o JSON como tabla, límpialo (espacios, duplicados, letras rotas, fechas y números) y guárdalo como CSV, .xlsx o JSON.
  • JSON, YAML, XML y TOML: Convierte entre JSON, YAML, XML y TOML conservando comentarios, orden de claves y números tal como están escritos, y te dice lo que cada formato no puede guardar.

Todas las herramientasAcerca de utilbrewPrivacidad