Convertir WebM en PNG

Cette page a un lecteur plus étroit que celle du JPG. Vous n’illustrez pas quelque chose, vous produisez une preuve. Un rapport de bug a besoin du texte exact de l’erreur visible. Un ticket de support a besoin de la valeur du champ et de l’horodatage dans le coin. Une étape de documentation a besoin de l’élément de menu sur lequel quelqu’un est censé cliquer. Dans les trois cas, l’image échoue si le texte dedans n’est pas net.

C’est tout l’argument pour PNG plutôt que JPG ici. Les deux partent de la même image décodée à la même résolution, et le JPG ajoute ensuite sa propre compression par-dessus — qui frappe précisément là où le texte rencontre le fond. Le PNG stocke ce que le décodeur a produit et s’arrête. Le fichier est plus gros et les mots sont lisibles, ce qui pour ce lecteur n’est pas un compromis.

Sans perte signifie qu’il n’est rien jeté de plus. Cela ne signifie pas que l’image est impeccable, et cela mérite d’être dit franchement : l’image est arrivée par un codec vidéo qui avait déjà consacré l’essentiel de ses efforts au mouvement. Tout l’adoucissement que cela a introduit est gravé dans l’image avant que cette conversion voie un pixel.

Donc le PNG n’est pas une amélioration par rapport à la vidéo, c’est l’absence d’une dégradation. Sur une interface statique à un moment où rien ne bouge, cela vous laisse essentiellement la capture d’écran que vous auriez prise à ce moment-là. Sur une image prise pendant un défilement ou une animation de fenêtre, cela vous laisse une copie exacte d’une image floue — ce qui est une raison de déplacer l’horodatage, pas de changer le format.

Tapez le nombre de secondes depuis le début. La valeur par défaut zéro n’est presque jamais la bonne pour une capture d’écran, parce que l’enregistrement commence avant que l’action commence — vous obtenez un bureau, une page qui charge, ou une main qui s’approche de la souris.

Pour une preuve, il y a une seconde considération : l’image utile est en général *peu après* que la chose se passe, pas pendant. Le moment où une boîte de dialogue d’erreur apparaît est un moment d’animation et de bruit de compression ; une demi-seconde plus tard elle est immobile et le codec a eu le temps de la décrire correctement. Si la première tentative est floue, ajoutez une demi-seconde et recommencez plutôt que de chercher un filtre d’amélioration.

Les captures d’écran contiennent deux genres très différents de moments. Quand rien ne bouge, un codec vidéo peut consacrer la quasi-totalité de ses bits à une image et ensuite souffler, donc une interface statique est décrite extrêmement bien — mieux, souvent, que ce que le débit suggérerait. Quand la page défile, chaque pixel change en même temps et le même débit doit couvrir toute l’image, donc le détail s’effondre.

C’est pourquoi une image prise en plein défilement ressemble à une photocopie de photocopie et une image prise deux secondes plus tard semble parfaite. Si un enregistrement semble n’avoir aucune bonne image, c’est probablement qu’il a été capté à un débit trop bas pour sa résolution — la solution est de réenregistrer avec un réglage plus élevé, parce que rien en aval ne peut remettre ce qui n’a jamais été encodé.

La vidéo enregistrée par un navigateur est essentiellement toujours en 4:2:0 : pleine résolution de luminance, mais la couleur échantillonnée à demi-résolution dans chaque direction. Sur des photographies, c’est invisible, ce qui explique pourquoi c’est la norme depuis les débuts de la vidéo numérique.

Sur un écran, c’est une autre affaire, et c’est le seul artefact que ce lecteur remarque. Le texte coloré sur un fond contrasté — texte d’erreur rouge, mot-clé en surbrillance syntaxique, badge coloré — arrive avec un bord doux dans le canal de couleur que le PNG préserve alors fidèlement. Le préserver est correct ; c’est ce que contient l’enregistrement. C’est aussi la raison pour laquelle une image fixe d’une capture d’écran ne vaudra jamais tout à fait une capture prise sur le moment, et cela mérite d’être su avant de passer vingt minutes à chercher une meilleure image.

Le PNG ne jette rien, donc une image en pleine résolution est un fichier substantiel. Le contenu d’interface se comprime bien — les grandes zones uniformes d’une seule couleur sont le cas pour lequel le PNG a été conçu — et une image de capture d’écran 1080p arrive en général dans les basses centaines de kilo-octets. Une image contenant une photographie ou une vidéo de caméra peut faire plusieurs mégaoctets.

Après l’encodage, l’image passe par une passe d’optimisation qui la réécrit plus efficacement sans changer un pixel. Sur une photographie mesurée de 960 par 640, cela a fait passer 1 366 Ko à 468 Ko, pour environ une demi-seconde de travail supplémentaire. C’est pourquoi les PNG de cette page ne sont pas aussi gros que les PNG en général, et cela ne coûte rien en fidélité parce que c’est une recompression sans perte plutôt qu’un réglage de qualité.

Le travail de documentation signifie plusieurs images depuis un enregistrement : le menu, la boîte de dialogue, la confirmation. Chacune est une conversion séparée — régler l’horodatage, convertir, télécharger, changer le nombre — et chacune prend quelques secondes parce que rien ne quitte la machine entre les essais.

Enregistrer la démonstration de manière délibérée rend cela bien plus facile. Marquez une pause à chaque état que vous voulez capturer, et chacune de ces pauses devient une image où le codec a eu le temps de se stabiliser. C’est la différence entre six images nettes et six tentatives pour trouver une image nette.

Un enregistrement de votre propre écran est, par construction, un enregistrement de tout ce qui s’y trouvait : une boîte de réception dans un autre onglet, un nom de client dans le coin, une notification Slack, l’outil interne que vous étiez en train de démontrer. Envoyer la vidéo entière à un convertisseur pour récupérer une image signifie remettre toutes les images que vous ne vouliez pas.

Ici, le WebM est décodé dans l’onglet avec les codecs que le navigateur embarque déjà, une image est encodée, et rien de ce qui porte la vidéo n’est transmis. La vérification prend dix secondes — ouvrez les outils de développement, surveillez l’onglet réseau, convertissez — et sur cette paire cela vaut la peine d’être fait une fois pour savoir.