Cargando

Ir a contenido

X

 


Cómo hacer captura de pantalla de página web completa Chrome

Tutorial con vídeo para poder hacer pantallazo completo en Chrome de una página web y capturar web completa en Windows y Mac.


Escrito por jun 20 2018 09:59 chrome



Google Chrome es actualmente el navegador más usado por millones de usuarios a nivel mundial que se caracteriza por sus prestaciones y capacidades de desarrollo. En situaciones puntuales es posible que deseemos tomar la captura de pantalla del sitio web que estamos visitando en Google Chrome y existen opciones prácticas para ello que no involucran las herramientas clásicas como Recortes en Windows 10 o las teclas Comando + Shift + 4 en macOS Mojave.

 

En Firefox Quantum, que es otro navegador muy usado ya vimos como realizar pantallazo o captura de pantalla de pagina web completa, hoy le toca el turno a Google Chrome, que en las opciones siguientes os lo explicamos a fondo, para ser expertos en poder realizar este tipo de capturas de todas las formas posibles.

 

A través de este tutorial aprenderemos a capturar la pantalla en Google Chrome de forma práctica usando utilidades propias del navegador.

 

 

Para estar al día, recuerda suscribirte a nuestro canal de YouTube!   SUSCRIBETE

 

 

 


1. Hacer pantallazo en Google Chrome usando extensión


Las extensiones o complementos son una de las formas más sencillas de aumentar al máximo las prestaciones del navegador y para el caso de las capturas de pantalla contamos con diversas opciones.

 

Paso 1

Para esto, iremos al siguiente enlace:

 

 

Paso 2

Allí ingresamos el término “screen capture” en el campo de búsqueda de la tienda:

 

1-screen-capture”-chrome.png

 

Paso 3

Los resultados serán los siguientes:

 

2-Hacer-pantallazo-en-Google-Chrome-usando-extensión.png

 

Paso 4

Allí damos clic en la extensión “Screen capture” y será desplegado lo siguiente:

 

3-Hacer-pantallazo-en-Google-Chrome-usando-extensión.png

 

Paso 5

Damos clic en el botón “Agregar a Chrome” para añadir la respectiva extensión al navegador:

 

4-Agregar-extensión-para-completar-la-acción.png

 

Paso 6

Pulsamos en Agregar extensión para completar la acción. Ahora tendremos la extensión añadida y basta con pulsar sobre ella para ver sus diversas opciones:

 

5-extensión-añadida-captura-pantalla.png

 

Paso 7

Allí contamos con las siguientes opciones:
  • Capturar una región especifica de la página web
  • Capturar toda la página web
  • Capturar solo el contenido visible

 

Paso 8

Una vez pulsemos allí se procede a la captura de pantalla donde veremos lo siguiente:

 

 

Paso 9

Allí podremos añadir anotaciones a la captura, guardar o compartir la captura, estas opciones están disponibles en la parte superior.

 

7-anotaciones-a-la-captura,-guardar-o-compartir-la-captura.png

 

Paso 10

Podemos pulsar en el botón “Options” donde será posible establecer lo siguiente:
  • Tipo de formato en el cual será guardada la imagen (JPG o PNG)
  • Crear atajos de teclado

 

 

 

 

 

 


2. Hacer pantallazo en Google Chrome sin usar extensiones


Esta es otra alternativa practica para la captura de una pantalla en Google Chrome y se requiere el acceso a las opciones de desarrollador del navegador.

 

Paso 1

Para esto debemos contar con Google Chrome en su versión 59 y para conocer la versión actual tenemos dos opciones:
  • Ejecutar la siguiente línea en una nueva ventana:
chrome://settings/help
  • En la ruta Menú / Ayuda / Acerca de Google Chrome

 

 

9-Hacer-pantallazo-en-Google-Chrome-sin-usar-extensiones.png

 

Paso 2

Una vez tengamos conocimiento de la versión de Google Chrome, podremos iniciar el proceso de captura de pantalla en Google Chrome. Para esto pulsamos en el icono de Personaliza y controla Google Chrome y allí vamos a la ruta “Mas herramientas / Herramientas del desarrollador”:

 

10-opciones-desarrollador-chrome.png

 

Nota
También podemos usar la combinación de teclas según tengamos Windows o Mac:

 

Modo desarrollador Mac

 

 

+ + I

 

 

 

Modo desarrollador Windows

 

 

Ctrl + Shift + I

 

 

 

 

Paso 3

En la sección desplegada podemos usar dos modos:

 

Modo dispositivo
En la ventana desplegada usamos la combinación de teclas Ctrl + Shift + M para acceder a dicho modo y en la sección “Responsive” podremos definir el tipo de dispositivo a usar:

 

 

Ctrl + Shift + M

 

 

 

11-sección-“Responsive”.png

 

Al seleccionar el tipo de dispositivo podremos pulsar en el icono de menú ubicado en la parte superior y desde allí seleccionar la opción de captura de pantalla:

 

12-Capture-full-size-screenshoot.png

 

Al seleccionar la opción “Capture full size screenshoot” automáticamente será guardada como PNG:

 

13-captura-pantalla-chrome.png

 

 

Modo comandos
Es un método aún más práctico que el anterior y para ello debemos acceder de nuevo a las herramientas de desarrollador o usando las teclas Ctrl + Shift + I y una vez se despliegue la ventana lateral usamos las teclas Ctrl + Shift + P y allí simplemente ingresamos el término “screenshoot” en el campo superior y automáticamente serán desplegadas las opciones disponibles. Damos clic en la opción “Capture full size screenshoot”.

 

 

Ctrl + Shift + I

 

 

 

Ctrl + Shift + P

 

 

 

14-comando-captura-chrome.png

 

 

Con estos métodos simples será posible tomar capturas de pantalla en Google Chrome. Y también explicadas como tomar captura de pantalla de pagina web al completo.

 

Este sería el resultado de la creación de captura pantalla pagina web completa en este ejemplo la home de Solvetic.

 

 

pantallazo_web_completa_chrome.png

 

 

Descubre con estos pasos y vídeo cómo puedes hacer pantallazos de buena calidad con Chrome en Mac y Windows sin extensiones.



AYUDA A MEJORAR ESTE TUTORIAL!

¿Quieres ayudarnos a mejorar este tutorial más? Puedes enviar tu Revisión con los cambios que considere útiles. Ya hay 0 usuario que han contribuido en este tutorial al enviar sus Revisiones. ¡Puedes ser el próximo!


Tutoriales Relacionados



Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!
10
VOTA
5
100%
4
0%
3
0%
2
0%
1
0%

  Información

  •   Publicado jun 20 2018 09:59
  •   Actualizado jun 20 2018 11:10
  •   Visitas 750
  •   Nivel
    Básico