Scherm naar GIF-recorder

Maak van een schermopname een GIF

Korte geanimeerde GIF's zijn nog altijd de makkelijkste manier om een bug, een instelling of een snelle stap uit een tutorial te laten zien in een chatbericht, issuetracker of documentatiepagina. Deze tool neemt een scherm, venster of browsertabblad op met de standaard API voor schermopname, neemt frames op met de framerate die je kiest en codeert ze met de bibliotheek gifenc tot een geanimeerde GIF. Het hele proces vindt plaats op je apparaat, dus de opname van je bureaublad wordt nooit geüpload.

Instellingen die kwaliteit en grootte bepalen

Een GIF-bestand groeit met elk frame, elke pixel en elke kleur, dus de instellingen doen ertoe. De framerate kan worden ingesteld tussen 5 en 15 frames per seconde; 8 tot 10 is voldoende voor de meeste demo's van een interface. De uitvoerbreedte wordt verkleind met behoud van de beeldverhouding, en de tool vergroot een opname nooit boven het oorspronkelijke formaat. Met 64 of 128 kleuren wordt het bestand nog kleiner, ten koste van vloeiendere kleurverlopen. Elk frame behoudt het tijdstempel waarop het is vastgelegd, zodat de GIF op echte snelheid afspeelt, zelfs als de browser een paar frames heeft vertraagd.

Tijdens het opnemen worden frames als ruwe pixels in het geheugen bewaard. Daarom beperkt de tool de opnameduur en stopt hij automatisch als het geheugenbudget is bereikt. Verlaag voor langere demo's de breedte of neem meerdere korte clips op.

Inkorten vóór het coderen

Nadat je stopt, verschijnen de vastgelegde frames in een editor. Gebruik de voorbeeldschuifregelaar om elk frame te bekijken en stel daarna de schuifregelaars voor begin en einde in om de momenten weg te knippen waarop je van venster wisselde of naar de muis greep. De afspeelknop herhaalt alleen het geselecteerde bereik met de oorspronkelijke timing, zodat je het resultaat kunt controleren voordat je codeert. Bij het coderen worden alleen de behouden frames verwerkt, waardoor ingekorte GIF's kleiner zijn en sneller worden gemaakt. Wanneer de GIF klaar is, zie je de afmetingen, het aantal frames, de duur en de bestandsgrootte, samen met een geanimeerd voorbeeld dat je kunt downloaden. Wil je opnieuw beginnen, verwijder dan de opname en neem opnieuw op.