Convertire WebM in PNG

Questa pagina ha un lettore più ristretto di quella per JPG. Non si sta illustrando qualcosa — si sta producendo una prova. Un bug report ha bisogno che la stringa d'errore esatta sia visibile. Un ticket di supporto ha bisogno del valore del campo e del timestamp nell'angolo. Un passo di documentazione ha bisogno della voce di menu su cui qualcuno deve cliccare. In tutti e tre i casi, l'immagine fallisce se il testo al suo interno non è nitido.

È l'intero caso per PNG su JPG qui. Entrambi partono dallo stesso fotogramma decodificato alla stessa risoluzione, e JPG poi aggiunge la propria compressione sopra — che colpisce più duramente esattamente dove il testo incontra lo sfondo. PNG memorizza ciò che il decodificatore ha prodotto e si ferma. Il file è più grande e le parole sono leggibili, il che per questo lettore non è affatto uno scambio.

Lossless significa che nulla di ulteriore viene scartato. Non significa che il fotogramma sia incontaminato, e vale la pena essere diretti su questo: l'immagine è arrivata attraverso un codec video che aveva già speso la maggior parte del suo sforzo sul movimento. Qualunque morbidezza sia stata introdotta è già presente prima che questa conversione veda un pixel.

Quindi PNG non è un miglioramento rispetto al video, è l'assenza di un peggioramento. Su un'interfaccia statica in un momento in cui nulla si muove, resta con essenzialmente lo screenshot che si sarebbe potuto fare in quel momento. Su un fotogramma durante uno scorrimento o un'animazione di finestra, resta con una copia esatta di un fotogramma sfocato — motivo per spostare il timestamp, non per cambiare formato.

Si digita il numero di secondi dall'inizio. Il predefinito di zero quasi mai è giusto per una registrazione schermo, perché la registrazione inizia prima dell'azione — si ottiene un desktop, una pagina in caricamento o una mano che si allunga verso il mouse.

Per una prova c'è una seconda considerazione: il fotogramma utile di solito è subito *dopo* che la cosa accade, non durante. Il momento in cui compare una finestra di dialogo d'errore è un momento di animazione e rumore di compressione; mezzo secondo dopo è fermo e il codec ha avuto tempo per descriverlo correttamente. Se il primo tentativo è morbido, si aggiunge mezzo secondo e si converte di nuovo invece di cercare un filtro di nitidezza.

Le registrazioni schermo hanno due tipi di momento molto diversi. Quando nulla si muove, un codec video può spendere quasi tutti i suoi bit su un fotogramma e poi rilassarsi, quindi un'interfaccia statica viene descritta estremamente bene — meglio, spesso, di quanto suggerirebbe il bitrate. Quando la pagina scorre, ogni pixel cambia in una volta e lo stesso bitrate deve coprire l'intero fotogramma, quindi il dettaglio collassa.

Ecco perché un fotogramma catturato a metà scorrimento sembra la fotocopia di una fotocopia e uno catturato due secondi dopo sembra perfetto. Se una registrazione sembra non avere alcun buon fotogramma, probabilmente è stata catturata a un bitrate troppo basso per la sua risoluzione — il rimedio è registrare di nuovo con un'impostazione più alta, perché nulla a valle può restituire ciò che non è mai stato codificato.

Il video registrato da browser è essenzialmente sempre 4:2:0: dettaglio di luminosità completo, ma colore campionato a metà risoluzione in ogni direzione. Sulle fotografie è invisibile, motivo per cui è standard fin dagli inizi del video digitale.

Su uno schermo è tutta un'altra storia, ed è l'unico artefatto che questo lettore nota. Testo colorato su uno sfondo contrastante — testo d'errore rosso, una parola chiave con evidenziazione sintattica, un badge colorato — arriva con un bordo morbido nel canale colore che il PNG poi conserva fedelmente. Conservarlo è corretto; è ciò che la registrazione contiene. È anche il motivo per cui un fermo immagine da una cattura schermo non corrisponderà mai esattamente a uno screenshot fatto in quel momento, cosa da sapere prima di passare venti minuti a cercare un fotogramma migliore.

PNG non scarta nulla, quindi un fotogramma a piena risoluzione è un file sostanziale. Il contenuto d'interfaccia si comprime bene — grandi aree piatte di un unico colore sono il caso per cui PNG è stato progettato — e un fotogramma di cattura schermo 1080p tipicamente arriva a poche centinaia di kilobyte. Un fotogramma con una fotografia o riprese da fotocamera può arrivare a diversi megabyte.

Dopo la codifica, l'immagine passa attraverso un'ottimizzazione che la riscrive più efficientemente senza cambiare un pixel. Su una fotografia misurata a 960 per 640 quel passaggio ha portato 1.366 KB a 468 KB, per circa mezzo secondo di lavoro extra. È il motivo per cui i PNG da questa pagina non sono grandi quanto i PNG di solito sono, e non costa nulla in fedeltà perché è una ricompressione lossless piuttosto che un'impostazione di qualità.

Il lavoro di documentazione significa diversi fotogrammi da una registrazione: il menu, la finestra di dialogo, la conferma. Ognuno è una conversione separata — si imposta il timestamp, si converte, si scarica, si cambia il numero — e ognuna richiede un paio di secondi perché nulla lascia la macchina nel frattempo.

Registrare la dimostrazione deliberatamente rende tutto questo molto più facile. Si mette in pausa un istante a ogni stato che si intende catturare, e ognuna di quelle pause diventa un fotogramma dove il codec ha avuto tempo di stabilizzarsi. È la differenza tra sei fermi immagine puliti e sei tentativi di trovarne uno pulito.

Una registrazione del proprio schermo è, per costruzione, una registrazione di tutto ciò che c'era sopra: una casella di posta in un'altra scheda, un nome cliente nell'angolo, una notifica Slack, lo strumento interno che si stava dimostrando. Inviare l'intero video a un convertitore per riavere un fotogramma significa consegnare tutti i fotogrammi che non si volevano.

Qui il WebM viene decodificato nella scheda con i codec che il browser già include, un fotogramma viene codificato, e nulla che porti il video viene trasmesso. Il controllo richiede dieci secondi — si aprono gli strumenti sviluppatore, si osserva la scheda Rete, si converte — e su questa coppia vale la pena farlo una volta per saperlo.