Moderne "Animated Gifjes" Maken

Wanneer je documentatie maakt voor je eindgebruikers, vooral wanneer er GUI werk in zit, kan het handig zijn om acties voor te doen in een filmpje. Nu zijn filmpjes vaak groot, en het toevoegen van “controls” aan HTML <video> elementen hoeft ook niet altijd even leuk te zijn.

Nu hadden we toen het internet nog jong en onschuldig was veel “animated gifjes”, bewegende plaatjes zonder geluid. Het .gif formaat bestaat natuurlijk nog steeds, maar resolutie, kleurdiepte, frame-rate, en vooral ook bestandsgrootte zijn niet meer van deze tijd. Gelukkig hebben we tegenwoordig AVIF, plaatjes die gebruiken maken van het moderne AV1 video compressie algoritme. AVIF afbeeldingen zijn klein (zelfs als ze lossless in plaats van lossy worden opgeslagen), en ondersteunen, net zoals GIF, animatie en transparantie.

In deze video laat Wander zien hoe je van een filmpje, in dit geval opgenomen met de standaard Gnome Screen Recorder, met behulp van ffmpeg een AVIF bestand kunt maken, inclusief een fallback still in PNG formaat, en deze aan een webpagina toevoegt.

Gerelateerde posts