Guardar una página de Safari como una imagen PNG

¿Hay alguna forma en Safari, posiblemente a través de una extensión de terceros, para guardar el contenido en ejecución de una página web como una imagen PNG?

Entiendo que podría imprimir la página en PDF y usar Vista previa para exportarla como imagen PNG. Sin embargo:

  1. Preferiría no crear un archivo PDF temporal y luego abrir manualmente Vista previa para exportar el contenido del PDF a PNG;
  2. Me gustaría que los contenidos se ejecuten en lugar de estar paginados, es decir, sin saltos de página;
  3. Cuando el archivo PDF contiene varias páginas, Preview parece exportar la página actual solo a PNG.

No tengo ninguna experiencia con la automatización de OS X, pero sospecho que podría usarse para esto, aunque quiero que se cumplan las condiciones 2 y 3.

Estoy ejecutando Safari 5.1.1 en OS X Lion.

¿Qué sucede si la página web requiere que inicie sesión para ver el contenido? Intenté paparazzi en esta situación y me muestra la página de inicio de sesión. ¿Puedes pasar las credenciales a los paparazzi?
A partir del 5 de octubre de 2020, la respuesta actualmente seleccionada que recomienda Paparazzi ya no es necesaria. Consulte esta respuesta a continuación para obtener una forma de hacer la captura de pantalla en Safari con extensiones: apple.stackexchange.com/a/342563/7828

Respuestas (6)

¡ Prueba Paparazzi! Puede guardar todo el sitio web en un solo archivo png y le permite especificar el tamaño. Una vez instalado, también puede iniciarlo desde Safari agregando 'paparazzi:' a la URL. Por ejemplo paparazzi:http://www.nytimes.com

Esta es probablemente la mejor solución para el problema. Interfaz de usuario muy similar a Mac, una forma fácil de invocarla y le permite guardar la longitud completa de la página en una imagen (con ancho personalizado). Además, es gratis (con donaciones bienvenidas).

No estoy seguro de cuándo se agregó, pero ciertamente en Safari 12 puede hacerlo sin ninguna extensión. Debe habilitar el menú Desarrollador de Safari (marque en la configuración avanzada). Ahora puede seleccionar "Mostrar Web Inspector" en el menú "Desarrollar" que abrirá una ventana que muestra la fuente de la página. Pase el cursor sobre la etiqueta y haga clic derecho sobre ella. Luego, seleccione la opción "Capturar captura de pantalla" y guarde cuando se le solicite.

Si solo desea un elemento específico, simplemente haga clic derecho en el bit de html apropiado. Si no está seguro, al pasar el cursor sobre el código, el elemento de pantalla correspondiente se resalta en azul.

Por supuesto, ahora me pregunto si esto podría ser un guión de Apple...

Esta es una buena solución nativa. Si está satisfecho con un PDF en lugar de un PNG, es aún más fácil, solo elija File>Export as PDF
Esta es la mejor respuesta. Los demás no son tan buenos como hacen una nueva solicitud y no guardan la página tal como está , iniciada sesión, con contenido actualizado, etc.
PD: @Andrew, sugeriría que esa sea una respuesta completa, es la solución perfecta.

webkit2png debería estar bastante cerca de Safari. También funciona con archivos de archivo web guardados desde Safari.

$ webkit2png -F http://apple.stackexchange.com/questions/30637 -o nameprefix
Fetching http://apple.stackexchange.com/questions/30637 ...
 ... done
$ webkit2png ~/Downloads/test.webarchive
Fetching ~/Downloads/test.webarchive ...
 ... done
$ ls
0testwebarchive-clipped.png 0testwebarchive-thumb.png
0testwebarchive-full.png    nameprefix-full.png

Awesome Screenshot es una extensión que debería admitir capturas de pantalla de página completa. Sin embargo, no pude hacer que trabajaran con todas las páginas.

Interesante. Sin embargo, prefiero tener una solución que pueda activarse a través de Safari.
Prometedor, pero capturar toda la página (a diferencia de la ventana gráfica actual) no funciona bien. :-/
AwesomeScreenshot es ampliamente considerado como malware.

Aquí se explica cómo guardar una página web completa con Safari, Chrome y Firefox sin ningún complemento ni software de terceros: utiliza las herramientas de desarrollo incluidas con cada navegador.

https://gist.github.com/algal/972c43b533cade4332faf4ec4458fd93

También funciona cuando necesita desplazarse.

¡Bienvenido a Ask Different! Estamos tratando de encontrar las mejores respuestas y esas respuestas proporcionarán información de apoyo sobre por qué son las mejores. Las respuestas deben ser independientes, así que explique por qué cree que la respuesta que proporcionó resolverá el problema o es mejor/más completa que las otras ya proporcionadas. Consulte Cómo responder sobre cómo proporcionar una respuesta de calidad. - De la revisión
Esta es una gran referencia, gracias!

Para capturar toda la página

Con las versiones actuales de Safari (14+), esto es realmente simple:

File>Export as PDF..

Guardará una versión en PDF de toda la página sin saltos de página y con todo el estilo intacto.

Tenga en cuenta que la otra forma de crear un pdf, a través de File> Print...hace algo diferente. Respetará cualquier hoja de estilo específica de impresión en la página y dividirá el PDF en páginas listas para imprimir.

Para capturar parte de la página

Si desea una subsección de la página, la respuesta de @Alan es la mejor manera de hacerlo. Primero asegúrese de tener activadas las herramientas de desarrollador de Safari, luego haga clic con el botón derecho en el elemento principal que desea capturar y Inspect Element:

inspeccionar elemento

Esto abrirá el Elementspanel de las herramientas de desarrollo.

Desde aquí, puede hacer clic con el botón derecho en cualquier elemento que desee (el que inspeccionó aparecerá resaltado de forma predeterminada) y elegir Capture Screenshot:

captura de pantalla

Estoy usando LittleSnapper , que tiene una función para "Ajustar la dirección web de Safari":

El elemento de menú LittleSnapper y el marcador del navegador le permiten capturar páginas web a medida que las visita, sin necesidad de interrupción. Junto con estas herramientas, hay incluso una extensión de Safari que le permite agregar un botón Snap a la barra de herramientas de Safari. LittleSnapper también guarda el HTML detrás de cada página para referencia futura.

El pequeño pargo se ha ido, la página se ha ido 404.
@jorisw, LittleSnapper ya no existe. Su reemplazo, Ember, ya no existe también.