Screenshot a pagina intera
Cos'è uno screenshot a pagina intera, in cosa differisce dalle catture di viewport e di scorrimento e quando usarlo.
Uno screenshot a pagina intera acquisisce in un'unica immagine l'intera altezza scorrevole di una pagina web, non solo la parte visibile nella finestra del browser. Una landing page lunga può produrre un'immagine alta diverse migliaia di pixel.
Esistono due metodi comuni. Il browser può renderizzare l'intera altezza del documento in un unico passaggio, cosa che DevTools e le librerie di automazione supportano. Oppure uno strumento può scorrere la pagina un viewport alla volta e unire i pezzi.
Entrambi i metodi incontrano gli stessi comportamenti della pagina: intestazioni fisse, immagini che si caricano solo quando entrano nella vista, scorrimento infinito e animazioni che cambiano tra un fotogramma e l'altro.
Screenshot a pagina intera, di viewport e di scorrimento a confronto
| Tipo | Altezza | Come viene creato |
|---|---|---|
| Viewport | Uno schermo | Cattura ciò che è visibile in quel momento |
| Pagina intera | Intero documento | Renderizza o unisce l'intera pagina |
| Scorrimento | Intera area scorsa | Scorre una finestra o un pannello e unisce |
Una cattura a pagina intera è specifica per le pagine web. Una cattura di scorrimento può coprire anche pannelli di app, thread di chat e documenti.
Dove si usano gli screenshot a pagina intera
- Revisioni e consegne di design, in cui conta l'intero layout.
- Archiviazione di una pagina prima di un restyling o per documentazione.
- Controlli QA su rotture di layout ben sotto la piega.
- Immagini per portfolio e case study.
Come si creano gli screenshot a pagina intera
In Temposhot Website Capture, imposta Area su Full page. Scegli una condizione di Wait (Load, DOM content loaded o Network idle) e aggiungi un ritardo da 0 a 60 secondi se i contenuti arrivano in ritardo. L'output può essere JPEG, PNG o WebP.
Per una singola pagina in Chrome 116 o successivo, la estensione Temposhot Full Page Screenshot scorre la pagina attiva, unisce localmente i viewport con risoluzione Retina e scarica un unico PNG.
Errori comuni con gli screenshot a pagina intera
- Catturare prima che compaiano le immagini caricate in modo differito, lasciando aree vuote.
- Intestazioni fisse o pulsanti della chat ripetuti in un'immagine unita.
- Immagini molto alte che alcuni visualizzatori e moduli di caricamento rifiutano.
- Usare JPEG per pagine lunghe con testo piccolo.
Ripeti gli stessi screenshot più volte?
Cattura le pagine intere per un intero elenco di URL con automazione degli screenshot di siti web.
Domande frequenti
Perché una parte dello screenshot a pagina intera è vuota?
La pagina probabilmente carica le immagini allo scorrimento. Usa Network idle oppure un ritardo più lungo.
Posso dividere una cattura alta in più pagine?
Sì. Split Image divide un'immagine alta in parti.
Fonti
Risorse correlate
- Opzioni di Website Capture: impostazioni di area, attesa e formato.
- Stitch Screenshots: unisce catture separate in un'unica immagine.
Ripeti sempre gli stessi screenshot?
Temposhot cattura a intervalli di tempo una schermata, una finestra o un'area e esporta il set come PDF, immagini, ZIP o MP4. Gli strumenti gratuiti online gestiscono le singole immagini.
Risorse correlate
Termini correlati
- Screenshot con scorrimentoCos'è uno screenshot con scorrimento, in cosa differisce dallo screenshot a pagina intera e quando usarlo.
- Screenshot del viewportCos'è uno screenshot del viewport, in cosa differisce dalla cattura a pagina intera e quando è la scelta giusta.
- Unione di screenshotCome l'unione di screenshot combina catture sovrapposte in un'unica immagine, a confronto con la cattura nativa a pagina intera, ed errori comuni.
- Lazy loadingCome funziona il lazy loading, perché influisce sulla cattura degli screenshot e tecniche per rilevare e gestire i contenuti caricati in modo differito.
- Screenshot in batchCosa sono gli screenshot in batch, in cosa differiscono dalle catture singole e dove vengono usati dai team.
- Cattura dello schermoCosa significa la cattura dello schermo, i diversi metodi di cattura e come scegliere quello giusto.
- Automazione degli screenshotCos'è l'automazione degli screenshot, in cosa differisce dalla cattura manuale e dalla registrazione dello schermo e dove la usano i team.