Criando screenshots de varias resolucoes com Pageres

Posted by Gilson Filho on Qua 12 fevereiro 2014

Olá pessoal,

Depois de muito tempo sem escrever, o post de hoje é sobre uma ferramenta que ajuda a verificar como será a página do seu projeto, usando diferentes resoluções.

Pageres é uma ferramenta que acessa o endereço do site que deseja, e assim ele gera uma imagem por cada resolução definida. Antes de mais nada, para você precisa ter instalado o Node e o NPM (Node Package Manager). Caso não saiba, acesse os links abaixo para fazer a instalação:

  • Instalação do Linux
  • Instalação no OS

Tendo o ambiente instalado corretamente, faça o download do pacote:

$ npm install --global pageres

Com a instalação feita, digite o site que deseja verificar, e as resoluções desejadas:

$ pageres todomvc.com yeoman.io --sizes 1366x768,1600x900

Assim, ele gera as imagens conforme você vê no screenshot abaixo:

Resultado ao executar o comando


Comments !