Convertir PNG a WebP

¿Qué es un conversor de PNG a WebP?

PNG y WebP son dos formatos de imagen que cualquier navegador sabe mostrar, y WebP es el más nuevo de los dos. El PNG guarda los píxeles exactos, así que lo que guardaste es lo que recuperas para siempre. El WebP también sabe hacer eso, pero además puede comprimir como el JPEG, tirando detalle que el ojo difícilmente va a echar en falta a cambio de un archivo mucho más pequeño.

Un conversor vuelve a codificar la imagen de un formato al otro. Este lo hace en tu navegador con el mismo canvas que tiene cualquier página web, lo que significa que tu imagen no se sube nunca y que no hay cola, ni límite de tamaño impuesto por un servidor, ni copia de tu trabajo en ningún sitio que no sea tu propia máquina.

El motivo habitual para convertir es hacer las páginas más rápidas, y el consejo habitual es que el WebP simplemente es más pequeño. Eso es cierto lo bastante a menudo como para que valga la pena probarlo y falso lo bastante a menudo como para que valga la pena comprobarlo, que es justo lo que hace esta herramienta.

Cómo se usa

1. Elige un PNG. El archivo se lee en local y se analiza su cabecera, así que la herramienta sabe las dimensiones reales y si la imagen es color verdadero, escala de grises, paleta o lleva transparencia. Eso se comprueba en los bytes y no en el nombre del archivo, así que un archivo mal etiquetado se caza en el acto.
2. Elige una calidad y convierte. Menos calidad significa archivo más pequeño y daño más visible. No hay ajuste sin pérdida y el motivo se explica más abajo, así que trata cada conversión de aquí como un canje y no como un cambio de formato.
3. Lee la comparación antes de descargar. El panel de resultado enseña los dos tamaños y dice cuál es el más pequeño. Cuando el WebP sale más grande, no se ofrece el botón de descarga y la herramienta te dice que te quedes con tu PNG, porque a esas alturas la conversión te ha costado píxeles y bytes a la vez.

Por qué no hay opción sin pérdida

El WebP tiene un modo sin pérdida, y es muy bueno. Un navegador no llega a él. La norma HTML le da al canvas un único argumento de calidad, dice que se aplica a un formato de imagen que admita calidad variable y no especifica mecanismo alguno para pedir codificación sin pérdida. No hay bandera que activar ni rodeo posible, así que todo conversor que se ejecute en una pestaña, este incluido, está convirtiendo una fuente sin pérdida en una copia con pérdida.

Merece la pena decirlo claro porque la expectativa va en sentido contrario. El PNG es sin pérdida, así que convertirlo a otro formato moderno suena a cambio de envase y no a pérdida de información. No lo es. Incluso con la calidad más alta que ofrece esta herramienta, la mayoría de los píxeles de una imagen típica vuelven algo distintos de los que metiste.

Si necesitas WebP sin pérdida, hace falta un codificador de línea de comandos o un paso de compilación, no una página web. Esa es una limitación real del enfoque y no de esta herramienta en concreto, y es lo único que conviene saber antes de sustituir un original por una copia convertida.

Cuando el WebP sale más grande

La compresión con pérdida es barata en degradados suaves y cara en bordes duros. El PNG funciona al revés: busca rachas y repetición, así que las áreas grandes de color plano casi no le cuestan nada. Junta esos dos hechos y el resultado depende por completo de qué es la imagen.

En fotografías gana el WebP con comodidad y no hay debate. En gráficos planos, capturas de pantalla, diagramas y logotipos con transparencia puede perder, y perder feo. Construimos cuatro imágenes que aíslan cada caso y las medimos: una fotografía sintética pasó de 562 KB de PNG a 191 KB de WebP con calidad 90, mientras que una captura de pantalla sintética pasó de 5 KB de PNG a 68 KB de WebP. Esa cifra de la captura es una propiedad del ejemplo y no una tasa que debas esperar, pero la dirección es una propiedad de los formatos y aparecerá en tus propias imágenes.

Esas mismas cuatro imágenes cuentan la otra mitad de la historia. El WebP sin pérdida le ganó al PNG en todas y cada una, incluida la captura, donde fue cuarenta veces más pequeño. Así que el WebP sí es el mejor formato para este contenido, y el navegador simplemente no puede producir la versión que lo demuestra.

Por eso la herramienta compara en vez de predecir. La cabecera da una pista antes de convertir, y no es más que una pista: un PNG de paleta o con canal alfa es de los que suelen ir mal. La cifra que importa se mide después, sobre tu imagen, y si dice que el PNG era más pequeño es que el PNG era más pequeño.

Límites honestos

La conversión la hace el codificador de WebP de tu propio navegador, así que los bytes exactos dependen de qué navegador uses y de qué versión. Dos personas convirtiendo el mismo PNG con la misma calidad pueden obtener archivos ligeramente distintos. La comparación sigue siendo válida, porque mide lo que tu navegador ha producido de verdad.

Los PNG animados se aplanan a su primer fotograma. El canvas contiene una sola imagen fija y no tiene noción de secuencia, así que lo que se mueve no sobrevive.

La gestión de color es la pérdida más sutil. Un perfil ICC incrustado en tu PNG no viaja a través del canvas, así que un archivo con un perfil de gama amplia o poco habitual puede acabar viéndose distinto antes incluso de que la compresión con pérdida haya hecho nada. Para imágenes sRGB corrientes esto no supone ninguna diferencia visible, que cubre casi todo lo que hay en la web.

También hay un techo de cuánta imagen sostiene el navegador, y es más bajo en móvil que en escritorio. Un PNG muy grande puede fallar al convertirse en vez de convertirse mal, y la herramienta lo dice en lugar de entregarte un resultado truncado.

¿Por qué es gratis?

Porque el trabajo lo hace tu propio ordenador. El archivo se lee en local, lo descodifica tu navegador, lo vuelve a codificar el mismo canvas que puede usar cualquier página y te lo devuelve. No hay subida, ni servidor pagando ancho de banda, ni copia de tu imagen en ninguna otra parte.

Así que no hay cuenta, ni registro, ni marca de agua, ni tope más allá de lo que tu navegador pueda sostener. El motor y las 70 comprobaciones que lo verifican están en el repositorio junto a la página, con el script que produjo las medidas citadas arriba.