Como facer unha captura de pantalla dun sitio web con dimensións específicas usando Google Chrome

Se es unha axencia ou unha empresa cunha carteira de sitios ou páxinas que desexa compartir en liña, é probable que teña pasado pola dor de tentar capturar capturas de pantalla uniformes de cada sitio.

Un dos clientes cos que traballamos crea solucións de Intranet aloxadas que poden aloxarse ​​internamente dentro dos límites dunha empresa. As intranets son moi útiles para que as empresas comuniquen noticias da empresa, distribúan información de mercadotecnia, proporcionen información sobre beneficios, etc.

Axudamos a este cliente a migrar o seu produto de solución de Intranet desde o sitio web da súa empresa matriz. Foi un proxecto extenso que incorporou todo, desde a creación de novos perfís sociais, a actualización de Marketo e, a continuación, desmontar parte do desenvolvemento personalizado que fixeran para combinar os seus sitios.

Un paso fundamental foi asegurarnos de que tivésemos excelentes imaxes de produtos dos sitios da intranet dos seus clientes destacados no seu novo sitio web. Queriamos asegurarnos de que cada captura de pantalla tiña o mesmo ancho e altura en todo o sitio. Isto pode ser difícil... a non ser que esteas a usar Google Chrome.

Capturas de pantalla do cliente con Google Chrome

Quizais non te decates diso, pero podes capturar capturas de pantalla perfectas co conxunto de ferramentas de programador integradas de Google Chrome. Curiosamente, a pesar da súa sorprendente flexibilidade, non é unha característica moi coñecida. A función tamén permítelle facer fotos do seu sitio responsivo para dimensións e tamaños de pantalla específicos.

Aquí tes un tutorial rápido en vídeo sobre como facer unha captura de pantalla perfecta e de tamaño específico dunha páxina web usando Google Chrome:

Pasos para facer unha captura de pantalla con Google Chrome

As ferramentas para programadores de Google Chrome poden previsualizar un sitio usando a barra de ferramentas do seu dispositivo. A ferramenta foi creada para que os desenvolvedores puidesen ver como se ve o sitio en diferentes tamaños de visualización en diferentes dispositivos... pero tamén é unha forma perfecta de obter unha captura de pantalla de tamaño perfecto dunha páxina web.

Neste caso, queremos que cada un dos clientes clave do cliente en industrias que crearon fermosos sitios de Intranet fagan unha captura de pantalla para que poidamos mostralos todos nunha carteira no seu sitio web. Queremos que as páxinas teñan exactamente 1200 píxeles de ancho por 800 píxeles de alto. Para lograr isto:

1. No botón de navegación da dereita (3 puntos verticais), seleccione Personaliza e controla o menú.

2. seleccionar Máis ferramentas> Ferramentas para desenvolvedores

3. Alternar o Barra de ferramentas do dispositivo para mostrar as opcións e dimensións do dispositivo.

4. Estableza a primeira opción en Responsabilidade, logo axuste as dimensións a 1200 x 800 e prema Intro. A páxina amosarase agora con esas dimensións.

4. Na parte dereita da barra de ferramentas do dispositivo, faga clic no botón de navegación (3 puntos verticais) e seleccione Captura de pantalla.

4. Google Chrome fará unha captura de pantalla perfecta e deixaraa no seu transferencias cartafol onde podes anexalo e envialo nun correo electrónico. Asegúrate de non seleccionar capturas de pantalla a tamaño completo xa que ocupará toda a lonxitude da páxina e ignorará o teu límite de altura.

Atallos de teclado de Google Chrome para capturas de pantalla

Se es un mestre de atallos de teclado, podes facer unha captura de pantalla de páxina completa con estes atallos. Non me gusta este enfoque xa que non podo establecer a altura máxima da ventana gráfica... pero é útil se algunha vez necesitas a captura de pantalla dunha páxina enteira.

1. Alt + Command + I 
2. Command + Shift + P

1. Ctrl + Shift + I 
2. Ctrl + Shift + P