Fai uno screenshot ad alta risoluzione di un sito web


8

Voglio mettere una porzione (non immagine) del mio sito Web su una maglietta e per farlo ho bisogno di un'immagine ad alta risoluzione della parte pertinente. Il mio pensiero è di dire ad alcune utility "fare uno screenshot di questa pagina Web a tale e tale risoluzione" e quindi ritagliare la parte che voglio.

È questo l'approccio giusto? Qualcuno sa di tale utilità?


Se si utilizza Vista, è possibile utilizzare l'utilità Snippet.

Risposte:


16

È possibile stampare la pagina su un documento PDF. In questo modo, il testo viene reso usando i vettori e resisterà molto meglio nella stampa ad alta risoluzione.

La maggior parte della stampa viene eseguita a 300 dpi. Il testo arriva fino a 1200 o addirittura a 2400 dpi a volte. Lo schermo d'altra parte è in genere 72 - 96 dpi. Quindi, se la tua pagina è piena di testo, finirà per apparire molto più nitida e più nitida rispetto alla sua versione sullo schermo.

Maggiori informazioni su DPI qui: http://www.nikon-euro.com/nikoneuro_en/hit/general/en/HIT_gen_en_17.htm


La cosa bella è che probabilmente il PDF sarà intrinsecamente utilizzabile dalla stampante per magliette.
John Rudy,

5
Questo non funziona esattamente se esiste un foglio di stile di stampa che modifica la formattazione della pagina.
Andrew,

5

Non hai bisogno di programmi esterni.

Ingrandisci la pagina Web ingrandendo (abbastanza grande fino a quando non lo desideri), quindi imposta Firefox in modalità schermo intero. Premi il pulsante Stampa schermo per fare uno screenshot, apri mspaint e incolla lo screenshot.

Probabilmente lo screenshot che ti piace non è abbastanza grande, in tal caso, puoi ingrandire ancora di più, acquisire più schermate e fondere più schermate insieme per formare una grande.


Sarai semplicemente limitato dalla risoluzione effettiva della cosa che viene ingrandita. Ad un certo punto inizierà a sembrare granuloso.
dagorym,

1
@dagorym, poiché specifica che si tratta di una porzione non di immagine, tutto dovrebbe mantenere l'alta risoluzione durante il ridimensionamento. E in Chrome si ridimensiona in modo lineare, sembra buono.
hyperslug,

3
Inoltre, assicurarsi di impostare la risoluzione del display sull'impostazione più alta prima di acquisire lo screenshot. [Fare clic con il tasto destro sul desktop selezionare Proprietà (2k / XP) o Personalizza (Vista / 7).]
Duey

1
@hyperslug: non ami WebKit? Apple ha scritto il motore di rendering per Chrome. Non mi piace Apple, ma adoro il loro lavoro su WebKit.
John Gietzen,

@John Gietzen: Apple non è l'unico sviluppatore di Webkit, ce ne sono molti altri (incluso Google): en.wikipedia.org/wiki/WebKit
EvilChookie

3

Adoro MWSnap. Manterrà l'attuale risoluzione dello schermo e ti consentirà di selezionare le sezioni desiderate o ritagliare in seguito.

AFAIK, non puoi fare uno screenshot al di fuori della risoluzione che stai già utilizzando. Per un sito Web, aumentare la risoluzione non dovrebbe avere alcun effetto.

(Ed è gratuito) http://www.mirekw.com/winfreeware/mwsnap.html

MODIFICA: Se l'hai progettato in Photoshop e non hai ancora ripristinato l'immagine, puoi aumentare la risoluzione lì, ma non dal browser.


Mi piace anche MWSnap. L'unica "lamentela" che ho su questo è che non ci sono nuove versioni in uscita.
Isxek,

Sono d'accordo ... il fatto che funzioni solo sul monitor principale per configurazioni di monitor multipli mi fa impazzire alcuni giorni.
RiddlerDev,


3

Avevamo uno studente norvegese che voleva solo stampare una pagina web molto lunga ( http://www.wilsonminer.com/posts/2006/may/10/are-you-generic/ questa era la pagina reale). PrintWhatYouLike.com ha aiutato moltissimo, è gratuito ed è molto facile da usare.

PrintWhatYouLike.com

È un sito Web gratuito che consente di formattare qualsiasi pagina Web per la stampa.

Si inizia inserendo l'URL della pagina che si desidera stampare. L'editor online PrintWhatYouLike ti consente di rimuovere, ridimensionare e riorganizzare rapidamente gli elementi della pagina in modo da poter stampare solo ciò che desideri.

Funziona abbastanza bene per me, l'ho testato in IE8, Firefox 3.5 e Chrome

Usalo per stampare su un file PDF ed è perfetto!


2

Puoi solo scattare una schermata alla risoluzione dello schermo. Ogni sistema operativo che potresti utilizzare ha la funzionalità di schermate incorporata.

STAMPA-SCHERMO su Windows (quindi incollalo in MSPaint o altro) o Command Shift 3 o F3 o qualcosa del genere su Mac, e fa scattare l'immagine sul desktop.


3
Non dimenticare che puoi utilizzare ALT + Print-Screen in Windows per acquisire solo la finestra in questione. Questo aiuta se hai configurazioni multi-monitor e non devi preoccuparti di ritagliare le immagini dal secondo monitor.
Dillie-O,

1

Screengrab ! Può copiare / salvare la pagina / frame / porzione visibile / selezione / finestra di Firefox.


Purtroppo Screengrab è End Of Life - l'autore non può tenere il passo con il cambio di Firefox.
SamStephens,

1

Se ingrandisci e poi usi Abduction o CaptureIt! , dovrebbe funzionare, entrambi scorrono automaticamente. Tuttavia, mi piace l'idea di stampare su PDF, supponendo che tutti gli sfondi vengano conservati.


Abduction non funziona: non rispetta lo zoom e acquisisce la pagina con le dimensioni originali. Non so di CaptureIt !, non riesco a trovarlo.
SamStephens,

1

Paparazzi (per Mac) funziona davvero bene per catturare pagine Web. Esporta come file pdf, tiff, png o jpg.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.