Convierte imágenes PNG a WebP en el navegador con la Canvas API. PNG es sin pérdida y a menudo más grande que WebP en contenido fotográfico o con muchos degradados; recodificar como WebP con calidad ajustable puede reducir el tamaño para la web.
Cómo funciona
La herramienta lee tu archivo .png local con FileReader, lo decodifica en un HTMLImageElement, dibuja los pÃxeles en un canvas fuera de pantalla y exporta con canvas.toDataURL('image/webp', quality). La transparencia alfa se compone sobre un fondo opaco al dibujar—comportamiento tÃpico del navegador al aplanar PNG a WebP.
Cuándo usarlo
- Comprimir capturas de UI o iconos para cargas de página más rápidas
- Previsualizar ajustes de calidad WebP antes de una conversión masiva
- Convertir un solo asset cuando no hay herramientas de escritorio
Limitaciones
No se conservan la transparencia PNG sin pérdida ni los perfiles de color. PNG animado (APNG) no está soportado. Imágenes muy grandes pueden rozar los lÃmites de memoria. La calidad del codificador depende del soporte WebP integrado del navegador.
Ejemplo
Por ejemplo, introduce los valores de muestra predeterminados en el formulario y compara la salida con una referencia conocida; ajusta una entrada cada vez para ver cómo cambia el resultado.