Base64 a WebP
Recupera, previsualiza y descarga el WebP original a partir de Base64.
Sin recompresión
Se conservan la calidad, la transparencia y los fotogramas originales.
Data URI o Base64
Usa el prefijo image/webp para incrustar la imagen o copia solo los datos.
Procesamiento local
La imagen se procesa en el navegador.
Detalles técnicos
Cadena Base64
- >data:image/webp;base64,…
- >Base64 / Base64URL
Usos habituales
- >HTML / CSS
- >JSON / API
Cómo funciona
La herramienta elimina el prefijo data URI si existe, decodifica Base64 y comprueba la firma WebP. No convierte imágenes de otros formatos.
Ejemplo:
data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA
Se procesa en tu navegador, sin subir datos.
- >Se conservan la calidad, la transparencia y los fotogramas originales.
- >La imagen se procesa en el navegador.
Cómo funciona
Decodificar
Pega la cadena Base64 o el data URI de una imagen WebP.
Descargar
Recupera, previsualiza y descarga el WebP original a partir de Base64.
Ejemplo
JavaScript
const base64 = 'UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
const bytes = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
const file = new Blob([bytes], { type: 'image/webp' });La herramienta elimina el prefijo data URI si existe, decodifica Base64 y comprueba la firma WebP. No convierte imágenes de otros formatos.
Preguntas frecuentes
¿Acepta un data URI completo?
Sí, tanto data:image/webp;base64,… como Base64 sin prefijo. También admite espacios, saltos de línea y Base64URL.
¿Convierte PNG o JPG a WebP?
No. Recupera el WebP original. Si no conoces el formato, usa el decodificador de imágenes Base64.
¿Por qué no aparece la imagen?
Comprueba que la cadena esté completa y corresponda a un WebP válido. La compatibilidad con la animación depende del navegador.
¿Se envían mis datos a un servidor?
No. El procesamiento se realiza en tu navegador.
Otros idiomas
Referencias
Cómo verificamos los resultados
Comprobamos esta herramienta con las pruebas automatizadas enlazadas abajo. Los ejemplos conservan su idioma original.
- Verification method
- Compare decoded bytes for standard, URL-safe, unpadded and Data URI inputs and verify signatures override false MIME labels.
- Comparison reference
- Explicit binary fixtures, file signatures and byte assertions.
- Verification scope
- This checks bytes and format detection, not successful browser decoding of every image.
Test source and cases (select a file to read it)
-
base64-image.test.js
- image decoding preserves bytes for raw, wrapped, URL-safe and unpadded Base64
- file signatures determine the actual format even when the data URI lies
Las pruebas cubren los ejemplos y límites indicados, no todas las entradas posibles. La conversión de ida y vuelta y el uso de la misma biblioteca no son verificaciones independientes.