WebM in PNG umwandeln

Wer hier landet, illustriert nicht — er sichert einen Beleg. Ein Fehlerbericht braucht die genaue Fehlermeldung im Klartext. Eine Mängelanzeige oder eine Beweissicherung für eine Reklamation braucht den Feldwert und den Zeitstempel in der Ecke, unverändert lesbar. Eine Dokumentation braucht den Menüpunkt, auf den geklickt werden soll. In allen drei Fällen scheitert das Bild, wenn der Text darin nicht scharf ist.

Das ist der ganze Fall für PNG statt JPG hier. Beide starten vom selben dekodierten Bild bei derselben Auflösung, und JPG legt danach seine eigene Kompression obendrauf — die sich ausgerechnet dort zeigt, wo Text auf Hintergrund trifft. PNG speichert, was der Dekoder geliefert hat, und hört dort auf. Die Datei wird größer, die Wörter bleiben lesbar, und für dieses Publikum ist das kein Kompromiss.

Verlustfrei heißt, dass danach nichts weiter verworfen wird. Es heißt nicht, dass das Bild makellos ist — offen gesagt: Es kam über einen Video-Codec an, der den Großteil seiner Arbeit in Bewegung investiert hat. Was dabei an Schärfe verloren ging, ist schon vor dieser Umwandlung eingebrannt.

PNG ist also kein Upgrade gegenüber dem Video, sondern das Fehlen einer weiteren Verschlechterung. Bei einer ruhigen Oberfläche in einem Moment ohne Bewegung entspricht das im Wesentlichen dem Screenshot, den man auch damals hätte machen können. Bei einem Bild mitten in einem Scroll oder einer Fensteranimation bekommt man die exakte Kopie eines verschmierten Bildes — ein Grund, den Zeitstempel zu verschieben, nicht das Format.

Die Sekunde seit Beginn der Aufnahme eintragen. Der Standardwert null passt fast nie zu einer Bildschirmaufnahme, weil die Aufnahme meist beginnt, bevor die Handlung beginnt — man bekommt einen Desktop, eine Ladeseite oder eine Hand auf dem Weg zur Maus.

Für einen Beleg gilt zusätzlich: Der brauchbare Moment liegt meist kurz *nach* dem Ereignis, nicht während. Der Augenblick, in dem ein Fehlerdialog erscheint, ist Bewegung und Kompressionsrauschen; eine halbe Sekunde später steht das Bild still, und der Codec hatte Zeit, es sauber zu beschreiben. Ist das erste Bild weich, eine halbe Sekunde dazugeben und noch einmal versuchen, statt einen Schärfefilter zu suchen.

Bildschirmaufnahmen kennen zwei sehr unterschiedliche Momente. Steht nichts still, kann der Video-Codec fast alle seine Bits in ein einzelnes Bild stecken und danach ruhen — eine stehende Oberfläche wird deshalb ungewöhnlich gut beschrieben, oft besser, als die Bitrate vermuten lässt. Beim Scrollen ändert sich jeder Pixel gleichzeitig, und dieselbe Bitrate muss das ganze Bild abdecken, also bricht das Detail ein.

Deshalb sieht ein mitten im Scroll gegriffenes Bild wie eine Kopie einer Kopie aus, und eines zwei Sekunden später makellos. Wirkt eine Aufnahme durchgehend unscharf, wurde sie wahrscheinlich mit zu niedriger Bitrate für ihre Auflösung aufgenommen — dann hilft nur eine neue Aufnahme mit höherer Einstellung, weil nichts nachträglich zurückbringt, was nie kodiert wurde.

Im Browser aufgenommenes Video ist so gut wie immer 4:2:0: volle Helligkeitsdetails, aber Farbe nur mit halber Auflösung je Richtung erfasst. Bei einem Foto fällt das nicht auf, weshalb es seit Anbeginn des digitalen Videos Standard ist.

Auf einem Bildschirm ist es das eine Artefakt, das dieser Leserkreis bemerkt. Farbiger Text auf kontrastierendem Grund — rote Fehlertexte, ein hervorgehobenes Schlüsselwort, ein farbiges Label — kommt mit einem weichen Rand im Farbkanal an, den das PNG dann getreu übernimmt. Das ist korrekt so, denn es ist genau das, was die Aufnahme enthält, und der Grund, warum ein Bildschirmschnappschuss nie ganz mit einem gleichzeitig gemachten Screenshot übereinstimmt.

PNG verwirft nichts, also ist ein vollauflösendes Bild eine ansehnliche Datei. Oberflächeninhalt komprimiert gut — große Flächen einer einzigen Farbe sind genau der Fall, für den PNG gebaut wurde —, und ein Full-HD-Bildschirmbild landet meist im niedrigen dreistelligen Kilobyte-Bereich. Ein Bild mit einem Foto oder Kamerabild darin kann mehrere Megabyte erreichen.

Nach der Kodierung durchläuft das Bild einen Optimierungsschritt, der es effizienter neu schreibt, ohne einen Pixel zu ändern. An einem gemessenen Foto machte das aus 1.366 KB 468 KB, in etwa einer halben Sekunde zusätzlicher Arbeit. Deshalb fallen die PNGs von dieser Seite kleiner aus, als PNGs sonst sind, und es kostet keine Genauigkeit, weil es sich um verlustfreies Nachkomprimieren handelt, keine Qualitätsstufe.

Dokumentation bedeutet meist mehrere Bilder aus einer Aufnahme: das Menü, den Dialog, die Bestätigung. Jedes ist eine eigene Umwandlung — Zeitstempel setzen, umwandeln, herunterladen, Nummer ändern —, und jede dauert wenige Sekunden, weil dazwischen nichts das Gerät verlässt.

Wer die Vorführung bewusst mit kurzen Pausen aufnimmt, macht sich das deutlich leichter. Bei jedem Zustand, den man später als Bild braucht, kurz innehalten, und jede dieser Pausen wird zu einem Moment, in dem der Codec Zeit hatte, sich zu setzen. Das ist der Unterschied zwischen sechs sauberen Bildern und sechs Versuchen, eines zu finden.

Eine Aufnahme des eigenen Bildschirms ist konstruktionsbedingt eine Aufnahme von allem, was gerade offen war: ein Postfach im Nachbartab, ein Kundenname in der Ecke, eine Benachrichtigung, das interne Tool, das gerade vorgeführt wurde. Das ganze Video an einen Konverter zu schicken, um ein einziges Bild zurückzubekommen, bedeutet, all die ungewollten Bilder gleich mit abzugeben.

Hier wird das WebM im Tab dekodiert, mit den Codecs, die der Browser ohnehin mitbringt, ein Bild kodiert, und nichts, was das Video trägt, wird verschickt. Der Test dauert zehn Sekunden — Entwicklertools öffnen, den Netzwerk-Tab beobachten, umwandeln —, und bei dieser Paarung lohnt er sich einmal auszuprobieren, um es sicher zu wissen.

Bis zu hundert WebM-Dateien lassen sich gemeinsam ablegen, nicht nur eine. Jede wird für sich mit dem eingestellten Zeitstempel umgewandelt, und sobald mehr als eine fertig ist, kommen die PNGs zusammen als ein ZIP zurück — praktisch für jemanden, der aus einer Reihe kurzer Bildschirmaufnahmen jeweils dasselbe Standbild ziehen will, etwa den Ladebildschirm einer wiederkehrenden Fehlermeldung.

Der Zeitstempel gilt dabei für alle Dateien im Stapel gleichermaßen, was bei unterschiedlich langen Aufnahmen nicht immer die passende Sekunde trifft. Für sehr unterschiedliches Material bleibt die Einzelumwandlung mit angepasstem Zeitstempel die genauere Wahl; für eine Serie gleich aufgebauter Aufnahmen ist der Stapel die schnellere.