Come catturare una regione dello schermo di Chrome e Firefox e aggiungervi testo e grafica.

Come prendere screenshot alle pagine web con l'estensione Awesome Screenshot disponibile per Chrome e per Firefox e come applicare i tool dell'Editor anche alle foto presenti nel PC con la omonima applicazione.

Chi frequenta abitualmente il web si trova spesso nella esigenza di fare una fotografia della pagina web che sta visitando per inviarla a un amico, per salvarla a futura memoria o per pubblicarla in un blog come faccio io in questo sito. Questa istantanea della pagina o di una sua regione viene chiamata screenshot ed è una delle operazioni più importanti e più naturali che si fanno in internet. Lo screenshot di default finisce negli Appunti del PC ma si può salvarlo come file in una determinata cartella del computer.

Spesso è fondamentale anche aggiungere della grafica allo screenshot per indicare con una freccia un particolare dettaglio o per aggiungervi un testo esplicativo. Per creare gli articoli personalmente utilizzo Snagit 11 che è un programma a pagamento di sui si può anche scaricare una versione di prova e che certamente è la scelta che offre il maggior numero di funzionalità.

In questo post vedremo come usare una estensione di Chrome e di Firefox per scattare una foto a una regione di una pagina web e come si possa anche editare e aggiungervi della grafica.

AWESOME SCREENSHOT PER CHROME

Con Chrome si può installare l'addon Awesome Screenshot. Si clicca su Aggiungi per poi confermare questa volontà. Dopo l'installazione si visualizzerà una icona nella barra del browser

Cliccando sulla icona con il sinistro del mouse si possono selezionare le modalità di cattura:

1. Delayed capture per catturare lo schermo dopo un numero determinato di secondi
2. Capture selected area per selezionare un rettangolo della pagina a cui fare una foto
3. Capture entire page
4. Select a locale image
5. Capture Desktop per condividere una delle schede aperte

Accanto alle opzioni più comuni ci sono anche le scorciatoie da tastiera per procedere senza cliccare sulla icona. Per esempio per la cattura di una area selezionata si digita Ctrl+Shift+S. Andando su Options si possono modificare le scorciatoie da tastiera e il formato tra JPG e PNG

È anche possibile impostare l'intervallo di cattura tra 3 e 5 secondi.

La selezione della regione si effettua con il mouse. Si clicca sul sinistro nel punto in cui inizia e, tenendolo premuto, si rilascia nella posizione in cui finisce la selezione. In sostanza si percorre una linea obliqua e verrà selezionata la parte tra gli estremi delle coordinate iniziali e finali del piano. Se siamo soddisfatti dell'area selezionata si va su Capture in basso della selezione. Lo screenshot verrà quindi visualizzato in un'altra scheda del browser insieme agli strumenti dell'Editor

Da sinistra verso destra i tool presenti su Awesome Screenshot sono Crop (Ritaglio), Pen (Penna), Rettangolo e Ellisse, Freccia, Testo, Blur (Sfocatura), Evidenziatore, Colore, Spessore. Gli ultimi due strumenti servono per scegliere la dimensione e il colore della Penna o dell'Evidenziatore. Ci sono anche i tool Undo e Redo per cancellare o ripetere l'ultima azione.  Gli strumenti comprendono anche Clear per cancellare la grafica aggiunta e lo Zoom per ingrandire o rimpicciolire. Il Testo ha le opzioni per la scelta di dimensioni e famiglia di font

Tutta la grafica inserita può essere spostata con il cursore cliccandoci sopra con il mouse

Quando siamo soddisfatti si clicca in alto a destra su Done. Verrà aperta una nuova finestra

con tre opzioni di salvataggio locale. Si può salvare l'immagine come file in una cartella del computer, salvare l'immagine negli Appunti per poi eventualmente incollarla in un Editor come Windows Live Writer oppure si può addirittura stampare (se nessuna stampante fisica è collegata al PC con Chrome verrà creato un PDF della immagine dello screenshot). Andando su Connect to Google possiamo creare un account su Awesome Screenshot per salvarvi le immagini. Ho pubblicato sul mio Canale Youtube tutti i passaggi di come funziona l'estensione Awesome Screenshot per Chrome

 

AWESOME SCREENSHOT PER FIREFOX

Esiste anche la estensione Awesome Screenshot per Firefox. Si va su Aggiungi a Firefox



e sarà aggiunta su Firefox una icona identica a quella di Chrome. Si procede nello stesso modo

Ci sono però solo le due opzioni per catturare l'intera pagina o la parte visibile della stessa. Nelle Opzioni si può sempre scegliere il formato tra PNG e JPG. In realtà queste limitazioni sono meno gravi di quanto sembri perché la cattura potrà essere ritagliata successivamente andando su Crop

APPLICAZIONE AWESOME SCREENSHOT

Si può anche installare l'applicazione Awesome Screenshot come applicazione Desktop dal Chrome Webstore. Permette di utilizzare i tool di Awesome Screenshot anche con le immagini presenti nell'hard disc che possono essere trascinate con il mouse o selezionate

Oltre agli strumenti già visti ci sono anche quello per le emoticon, quello per i numeri dei vari passaggi e pure lo strumento per i fumetti. Ricordo che le applicazioni desktop di Chrome possono essere aperte andando su App in alto sinistra del browser per poi cliccare sulla icona

Le applicazioni possono essere disabilitate quando non servano aprendo la pagina chrome://extensions/ e togliendo la spunta a Abilita accanto a ciascuna applicazione. Concludo ricordando che sia l'estensione sia l'applicazione Awesome Screenshot possono convivere con altri programmi di cattura come può essere il già citato Snagit.