PNG a WebP: revisa los bordes, no solo la transparencia
Un icono puede conservar el fondo transparente y perder claridad en una palabra. Transparencia y fidelidad del color son cuestiones distintas: conservar una no basta para aceptar la copia.
Transparente no significa idéntico píxel a píxel
WebP puede combinar transparencia y color comprimido con pérdida. También tiene un modo sin pérdida; ni la extensión ni el fondo transparente indican cuál se usó.
Este recorrido de ToolRoof genera WebP con pérdida. Examina bordes y letras pequeñas; conserva PNG si reproducir el dibujo importa más que un posible ahorro.
Referencias: Google WebP — Quality and lossless encoding are separate controls
Prueba los fondos reales
Coloca la copia sobre un fondo claro y otro oscuro. Sombras suaves y bordes semitransparentes pueden revelar un problema solo en uno de ellos.
Un margen transparente no siempre sobra: puede alinear iconos en botones iguales. Recortarlo para ahorrar bytes puede alterar la composición de la interfaz.
Los dibujos de pocos colores necesitan su propia comparación
WebP con pérdida puede pesar más que un PNG de pocos colores. No sustituyas todos los iconos por el éxito de una foto diferente.
Comprueba, en orden, legibilidad al tamaño final, fondo y ahorro real. Mantener PNG es una decisión válida si la conversión no cumple tu motivo principal.
Referencias: Google WebP — File size, format features and limitations
Ejemplo: área del icono no es tamaño de archivo
Un icono de 256 × 256 píxeles tiene 32 píxeles de margen por lado. El centro mide 192 × 192 = 36864 píxeles, el 56,25% del lienzo. Es una proporción geométrica, no una predicción de compresión.
Al mostrar el lienzo a 64 píxeles de ancho, el contenido central ocupa 48. Revísalo así y en ambos fondos. Un pequeño ahorro no debe ocultar la pérdida de margen o de una línea fina.