Podemos ganar una pequeña comisión cuando compras algo a través de los enlaces en esta publicación.
Consulta nuestra declaración de divulgación.

Cómo tomar una captura de pantalla de una página web completa

ÍNDICE DE CONTENIDOS

Si estás buscando cómo capturar una captura de pantalla completa de una página web en Mac o PC, este post es para ti. He probado varias herramientas y técnicas que afirman poder capturar una página web completa, pero solo algunas siguen funcionando hasta la fecha de esta publicación.

Quieres hacer esto rápidamente, así que te mostraré cómo hacerlo paso a paso. También señalaré los pros y los contras de cada método, solo para ahorrarte tiempo al descubrir cuál es el mejor método para ti.

Esta guía es para aquellos que desean tomar una captura de pantalla completa de una página web completa o larga, lo que significa que hay secciones que no son totalmente visibles en tu pantalla.

Si simplemente deseas capturar una ventana estática o una pantalla de escritorio completa, esta guía no es para ti. Puedes usar las herramientas incorporadas en tu computadora o teléfono para hacerlo rápidamente: Shift + Command + 4 (macOS) o Ctrl + PrtScn (Windows).

Resumen:

  • ¿No quieres descargar ningún software o extensión? Prueba Método 1 o Método 7.
  • Si estás utilizando el navegador Mozilla Firefox, prueba Método 2.
  • Si deseas capturar las capturas de pantalla y realizar ediciones simples, prueba Método 3, 5, 6.

Actualización rápida: Para usuarios de Mac, incluso es posible capturar una captura de pantalla de tamaño completo sin una extensión del navegador.

1. Abre las Herramientas de desarrollo en Chrome (comando + opción + I)

2. Abre el Menú de comandos (comando + shift + P) y escribe «captura de pantalla»

3. Selecciona una de las dos opciones «Capturar captura de pantalla de tamaño completo» o «Capturar captura de pantalla».

4. La imagen capturada se descargará en tu computadora.

Consejo aportado por nuestro lector, Hans Kuijpers.

1. Imprimir y guardar una página web completa como PDF

Supongamos que desea extraer, por ejemplo, una hoja de estado de resultados de Yahoo Finance. Primero, abra la página en un navegador web. Aquí, uso Chrome en mi Mac como ejemplo.

Paso 1: En el menú de Chrome, haga clic en Archivo > Imprimir.

Paso 2: Haga clic en el botón «Guardar» para exportar la página en un archivo PDF.

Paso 3: Si desea incrustar la hoja financiera en un proyecto de PowerPoint, es posible que necesite convertir el PDF en una imagen en formato PNG o JPEG primero, luego recortar la imagen solo para incluir la parte de los datos.

Pros:

  • Es rápido.
  • No es necesario descargar ningún software de terceros.
  • La calidad de la captura de pantalla es buena.

Cons:

  • Puede ser necesario tiempo adicional para convertir el archivo PDF en una imagen.
  • Es difícil personalizar directamente las capturas de pantalla.

2. Capturas de pantalla de Firefox (para usuarios de Firefox)

Firefox Screenshots es una nueva función desarrollada por el equipo de Mozilla para ayudarte a tomar, descargar, recopilar y compartir capturas de pantalla. Puedes usar esta función para guardar rápidamente una captura de pantalla de una página web completa.

Paso 1: Haz clic en el menú de acciones de página en la barra de direcciones.

Paso 2: Selecciona la opción «Guardar página completa».

Paso 3: Ahora puedes elegir descargar la imagen directamente en el escritorio de tu computadora.

Ejemplo: un artículo largo que publiqué recientemente: mejor limpiador de Mac que incluye una aplicación gratuita.

Nota adicional: Vi que esta función todavía está en BETA, por lo que no se garantiza que Firefox la mantenga. Pero en el momento en que se actualizó por última vez esta publicación, esta función todavía era accesible. Además, los navegadores web más populares como Apple Safari o Google Chrome aún no ofrecen esta función.

3. Parallels Toolbox para Mac (Safari)

Si quieres tomar una captura de pantalla desplazable en Mac, te encantará esta función llamada «Screenshot Page» en Parallels Toolbox, que incluye un puñado de pequeñas utilidades.

Nota: Parallels Toolbox no es software gratuito, pero ofrece una prueba de 7 días sin limitaciones funcionales.

Paso 1: descarga Parallels Toolbox e instala la aplicación en tu Mac. Ábrela y encuentra Tomar capturas de pantalla > Screenshot Page.

Paso 2: Haz clic en Screenshot Page y te llevará a otra ventana que te pedirá agregar una extensión a Safari. Una vez que lo habilites, verás este icono aparecer en tu navegador Safari.

Paso 3: Selecciona la página que deseas capturar y haz clic en el icono de captura de pantalla de Parallels, luego automáticamente desplazará tu página, tomará una captura de pantalla y la guardará como un archivo PDF en tu escritorio.

Usé esta página en Software como ejemplo y funcionó muy bien.

Pros:

  • La calidad del archivo PDF de salida es muy buena.
  • No tienes que desplazarte manualmente, ya que la aplicación lo hará por ti.
  • Además de capturar una página web, también puedes capturar un área o una ventana.

Contras:

  • Se tarda un poco de tiempo en instalar la aplicación.
  • No es software gratuito, aunque se proporciona una prueba de 7 días sin limitaciones.

4. Plugin de Captura de Pantalla Impresionante (para Chrome, Firefox, Safari)

Awesome Screenshot tiene un complemento que puede capturar toda o parte de cualquier página web. Además, te permite editar las capturas de pantalla: puedes comentar, agregar anotaciones, difuminar información sensible, etc. El complemento es compatible con los principales navegadores web, incluyendo Chrome, Firefox y Safari.

Aquí están los enlaces para agregar el complemento:

  • Chrome
  • Firefox (Nota: dado que las capturas de pantalla de Firefox ahora están disponibles, ya no recomiendo este complemento. Consulta el método 2 para obtener más información.)
  • Safari

He probado el complemento en Chrome, Firefox y Safari, y todos funcionan bien. Para facilitar las cosas, usaré Google Chrome como ejemplo. Los pasos para usar Awesome Screenshot en Firefox y Safari son bastante similares.

Paso 1: Abre el enlace de Chrome mencionado anteriormente y haz clic en «AGREGAR A CHROME».

Paso 2: Haz clic en «Agregar extensión».

Paso 3: Una vez que el icono de la extensión aparezca en la barra de Chrome, haz clic en él y selecciona la opción «Capturar página completa».

Paso 4: En unos segundos, esa página web se desplazará automáticamente hacia abajo. Se abrirá una nueva página (ver abajo), mostrándote la captura de pantalla con un panel de edición que te permite recortar, anotar, agregar elementos visuales, etc. Haz clic en «Hecho» cuando hayas terminado.

Paso 5: Haz clic en el icono de «descargar» para guardar la imagen de la captura de pantalla. ¡Eso es todo!

Pros:

  • Extremadamente fácil de usar.
  • Las funciones de edición de imágenes son excelentes.
  • Es compatible con los principales navegadores web.

Contras:

  • El complemento puede tener algunos problemas operativos, según su desarrollador. Hasta ahora, no he experimentado ninguno de estos problemas.

5. Captura una ventana desplazable o una página completa con Snagit

Me gusta mucho Snagit (reseña). Es una potente aplicación de captura y edición de pantalla que te permite hacer casi cualquier cosa relacionada con las capturas de pantalla. Para tomar una captura de pantalla completa de una página web, sigue los pasos a continuación (usaré Snagit para Windows como ejemplo):

Ten en cuenta: Snagit no es software gratuito, pero tiene una prueba gratuita de 15 días.

Paso 1: Obtén Snagit e instálalo en tu PC o Mac. Abre la ventana principal de captura. En Imagen > Selección, asegúrate de elegir «Ventana de desplazamiento». Haz clic en el botón de captura rojo para continuar.

Paso 2: Localiza la página web que deseas capturar, luego mueve el cursor a esa área. Ahora Snagit se activará y verás tres botones de flecha amarillos en movimiento. La flecha inferior representa «Capturar área de desplazamiento vertical», la flecha derecha representa «Capturar área de desplazamiento horizontal» y la flecha de la esquina inferior derecha representa «Capturar área de desplazamiento completa». Hice clic en la opción «Capturar área de desplazamiento vertical».

Paso 3: Ahora Snagit desplaza automáticamente la página y captura las partes que no están visibles en pantalla. Pronto, se abrirá una ventana del panel del Editor de Snagit con la captura de pantalla que acaba de tomar. ¿Ves las funciones de edición disponibles que se enumeran allí? Eso es por qué Snagit se destaca del resto: puedes hacer tantos cambios como desees, con un montón de opciones.

Pros:

  • Puede capturar una página web en desplazamiento, así como una ventana.
  • Potentes funciones de edición de imágenes.
  • Muy intuitivo y fácil de usar.

Cons:

  • Se tarda tiempo en descargar e instalar la aplicación (aproximadamente 90 MB de tamaño).
  • No es gratuito, aunque viene con una prueba de 15 días.

6. Aplicación Capto (solo para Mac)

Capto es una aplicación de productividad para muchos usuarios de Mac, incluyéndome a mí. El valor principal de la aplicación es grabar videos de pantalla en tu Mac, pero también te permite capturar capturas de pantalla y guardar las imágenes en su biblioteca. Luego puedes editar, organizar y compartir fácilmente.

Nota: Similar a Snagit, Capto tampoco es software gratuito, pero ofrece una prueba de la que puedes aprovechar.

Aquí te mostramos cómo tomar una captura de pantalla completa usando Capto:

Paso 1: Abre la aplicación y en la parte superior del menú, haz clic en el icono «Web». Allí puedes elegir capturar la URL de una página web de diferentes formas. Por ejemplo, si ya estás en la página, simplemente haz clic en «Capturar URL del navegador activo».

Paso 2: También puedes editar la captura de pantalla, por ejemplo, resaltar un área, agregar una flecha o texto, etc. utilizando las herramientas del panel izquierdo.

Paso 3: Ahora Capto extraerá los elementos de la página y guardará una imagen en su biblioteca. Luego selecciona Archivo > Exportar para guardarlo localmente.

Nota: si seleccionas que Capto capture una página web desde el navegador activo, esto puede llevar algún tiempo en el caso de una página web más larga.

Otros Métodos

During my exploration, I also found a few other working methods. I don’t want to feature them above because they aren’t as good considering the time and effort you need to invest and the quality of output. Nonetheless, they do work, so feel free to give some of them a try.

7. Captura una captura de pantalla de tamaño completo en Chrome sin una extensión del navegador

This tip was kindly shared by one of our readers, Hans Kuijpers.

  • Abre DevTools en Chrome (OPCIÓN + CMD + I)
  • Abre el menú de comandos (CMD + SHIFT + P) y escribe «captura de pantalla»
  • Selecciona una de las dos opciones «Capturar captura de pantalla de tamaño completo» o «Capturar captura de pantalla».
  • La imagen capturada se descargará en tu computadora.

8. Web-Capture.Net

Es un servicio en línea de captura de pantalla de sitios web de longitud completa. Primero abre el sitio web, copia la URL de la página web que deseas capturar y pégala aquí (ver abajo). También puedes elegir en qué formato de archivo exportar. Presiona «Enter» en tu teclado para continuar.

Ten paciencia. Me tomó alrededor de dos minutos antes de ver el mensaje «¡Tu enlace ha sido procesado! Puedes descargar el archivo o el archivo ZIP». Ahora puedes descargar la captura de pantalla.

Pros:

  • Funciona.
  • No es necesario instalar ningún software.

Cons:

  • Un montón de anuncios en su sitio web.
  • El proceso de captura de pantalla es lento.
  • No tiene funciones de edición de imágenes.

9. Full Page Screen Capture (Extensión de Chrome)

Similar a Awesome Screenshot, Full Page Screen Capture es un complemento de Chrome que es increíblemente fácil de usar. Simplemente instálalo (aquí está el enlace a su página de extensión) en tu navegador Chrome, encuentra la página web que deseas capturar y haz clic en el icono de la extensión. Se realiza una captura de pantalla casi al instante. Sin embargo, encontré que es menos atractivo porque no tiene las funciones de edición de imágenes que tiene Awesome Screenshot.

10. Paparazzi (Solo para Mac)

Actualización: esta aplicación no ha sido actualizada durante mucho tiempo, puede haber problemas de compatibilidad con las últimas versiones de macOS. Por lo tanto, ya no la recomiendo.

Paparazzi! es una utilidad de Mac diseñada y desarrollada por Nate Weaver específicamente para hacer capturas de pantalla de páginas web. Es bastante intuitivo. Simplemente copia y pega el enlace de la página web, define el tamaño de la imagen o el tiempo de retraso, y la aplicación te devolverá el resultado. Una vez hecho esto, haz clic en el icono de descarga ubicado en la esquina inferior derecha para exportar la captura de pantalla.

La principal preocupación que tengo es que la aplicación fue actualizada por última vez hace algunos años, así que no estoy seguro de si será compatible con futuras versiones de macOS.

Estas son las diferentes formas de tomar capturas de pantalla de una página web completa o desplazable. Como dije en la sección de resumen rápido, los diferentes métodos tienen sus propias ventajas y desventajas, así que asegúrate de elegir el que mejor se adapte a tus necesidades. Te dejo a ti que elijas cuál(es) usar.

Como siempre, si tienes alguna pregunta o sugerencia, no dudes en dejar un comentario a continuación.