GIF animado de capturas de tela para relatórios de bug

Às vezes, uma captura de tela estática não é suficiente para transmitir a tese do seu relatório de bug. A boa notícia é que o Trello e o GitHub permitem que você poste GIFs animados.

Você precisará do ImageMagick para isso.

$ brew install imagemagick

Presumo que você esteja relatando um problema de renderização em um aplicativo da web. Você vai querer começar isolando a janela do navegador em apenas uma guia (a menos que queira mostrar quantas guias do Reddit e HN você abriu). Redimensione a janela o máximo possível para que o bug permaneça aparente.

Agora, o sinal de gangue arcano para capturar a tela de uma janela inteira: ⌘⇧4, passe o mouse sobre a janela, então space.

Faça isso quantas vezes forem necessárias para capturar seu bug (rolando, redimensionando, clicando ou qualquer outra coisa entre as capturas de tela).

Finalmente, abra uma janela do Terminal no diretório onde você salvou suas capturas de tela. Para mim, isso é, ~/Dropbox/Screenshotsmas por padrão é ~/Desktop.

$ convert -delay 20 -loop 0 Screenshot*.png animated.gif

Ta-da! Você tem um GIF animado. O Trello não anima na exibição de lista, mas anima a imagem da capa ao visualizar um cartão.

Pro Protip

Se o bug em questão for difícil de explicar sem incluir a posição do cursor, use o Grab.app secreto do Mac OS X. Digite Grabno Spotlight para acessá-lo. Isso permitirá que você capture com cursores diferentes ou após um atraso.