Realizar capturas de una web de forma eficiente
Ya que de momento estoy viendo bastante aceptación en la encuesta sobre la clase de DevTools de Chrome, antes de plantearla, que creo que tengo algo guay y de valor para daros, vamos a comenzar con pinceladas y atajos.
Si aprendéis a utilizar bien la DevTools o consola de Chrome, os daréis cuenta que no os hacen falta la mitad de extensiones.
Hoy os voy a mostrar un truquito sencillo pero útil, que es a hacer una captura en alta calidad de toda la página.
Haciendo clic derecho y dándole a la opción de inspeccionar.
También puedes hacer el atajo de teclado:
Ctrl+Shift+I
(Control, mas la mayúscula mas la letra i).
Si eres una persona especial que usa Mac, recuerda estar en Chrome, el atajo es:
⌘+Option+I
Para eso podemos ir a los 3 puntos verticales de arriba a la derecha y darle a ejecutar comando.
Si lo quieres con atajo de teclado:
Ctrl+Shift+P
Entiendo que en Mac es:
⌘+Option+P
Escribimos captura y le damos a la opción "Tomar una captura de pantalla de tamaño original".
"Capture full size screenshot"
Se descargará una imagen png de la web en vertical con más calidad que mi contenido. Puedes ajustar el tamaño del dispositivo con la propia consola.
PD: Si tu web tiene implementado algún tipo de "lazy loading", te recomiendo hacer Scroll y cargar todos los elementos. Pues solo hará una captura de los elementos cargados.
Te falta mi máster. Accede a una formación avanzada que te permitirá aplicar e implementar SEO en cualquier tipo de WEB
¡Accede al Máster de SEO Técnico!Si te ha gustado esta publicación, siempre me lo puedes agradecer dándome like en esta publicación de LinkedIn sobre este mismo artículo.
