Cómo convertir WebP a Base64
- Suelta un archivo
.webpen el recuadro o elígelo con el selector de archivos. - Para cambiar de formato, elige PNG o JPEG en Convertir a. Con Mantener formato, si ajustas un Ancho máx., se vuelve a codificar como WebP con la Calidad elegida.
- Elige Salida como. Por defecto es una data URI.
- Pulsa Copiar salida. El indicador compara el tamaño de entrada y de salida.
Por qué WebP encaja bien en las data URI
Base64 añade alrededor de un tercio a lo que codifica, así que cuanto más pequeño sea el original, mejor. Un WebP con pérdida suele ser más pequeño que un JPEG de calidad parecida, y un WebP sin pérdida suele ser más pequeño que un PNG sin perder la transparencia. Para iconos, miniaturas de productos y placeholders que quieras en línea, WebP suele dar una cadena más corta que PNG o JPEG.
Los WebP animados se codifican tal cual. Como con GIF, las opciones de recodificación solo dibujan el primer fotograma, así que no las toques si la imagen se mueve.
Cuando el destino no admite WebP
Muchos programas siguen esperando PNG o JPEG: algunas API que aceptan imágenes en Base64, programas de escritorio antiguos, generadores de documentos y muchos clientes de correo. En lugar de convertir antes el archivo en otro sitio, elige aquí Convertir a PNG o JPEG y codifica directamente el resultado:
- PNG conserva la transparencia y todos los píxeles, con más tamaño.
- JPEG es más pequeño para fotos, pero rellena de blanco las zonas transparentes.
El nombre de archivo en las salidas HTML <a download> y JSON cambia para coincidir con el nuevo formato; por ejemplo, banner.webp pasa a ser banner.png.
Recodificar a WebP en tu navegador
La mayoría de los navegadores pueden escribir WebP desde un canvas, así que al redimensionar un WebP o cambiar su calidad sigue siendo WebP. Safari no puede. Ahí la herramienta recurre a PNG y lo indica bajo la vista previa; un PNG de una foto puede ocupar varias veces lo que el WebP de partida. Usa Chrome, Edge o Firefox si necesitas salida WebP, o quédate con el archivo original.
Reconocer WebP en Base64
WebP usa el contenedor RIFF, el mismo que el audio WAV y el vídeo AVI:
UklGRlAAAABXRUJQVlA4IEQAAAD...
└─┬─┘└─┬──┘│└─┬┘
RIFF size W EBP
UklGR solo dice «RIFF». La etiqueta de formato WEBP está en los bytes 8 a 11 y aparece como XRUJQ en los caracteres 12 a 16, seguida de VlA4 para el chunk VP8. Si identificas formatos en código, comprueba las dos partes. Hay más firmas en prefijos Base64 habituales, y Base64 a WebP decodifica una cadena de vuelta a archivo.
Preguntas frecuentes
¿Todos los navegadores muestran data URI WebP?
Todos los actuales, sí. Safari admite WebP desde la versión 14 en macOS 11 Big Sur o posterior, e iOS desde la versión 14. Los sistemas de Apple más antiguos muestran una imagen rota.
¿Cómo distingo el Base64 de un WebP del de un WAV?
Los dos son archivos RIFF y empiezan por UklGR. En WebP, los caracteres 12 a 16 dicen XRUJQ (de WEBP); en WAV dicen XQVZF (de WAVE).
¿Por qué obtuve un PNG si pedí WebP?
Tu navegador no puede codificar WebP desde un canvas. Safari es el caso principal. La herramienta avisa del cambio y te da un PNG, que no tiene pérdidas pero suele ser más grande.