Abbellisci screenshot

Come abbellire uno screenshot

1. Trascina uno screenshot nell’area di caricamento, cliccaci sopra per scegliere un file, oppure incollalo semplicemente con Ctrl+V (⌘+V su Mac) subito dopo averlo catturato. Il pulsante Incolla dagli appunti fa la stessa cosa, dove il browser lo consente.
2. Scegli una Cornice della finestra: Finestra macOS (i pulsanti rosso, giallo e verde), Finestra Windows (riduci a icona, ingrandisci e chiudi a destra), Finestra del browser (una scheda, i pulsanti di navigazione e la barra degli indirizzi) oppure Nessuna cornice. Scegli il Tema della cornice, Chiaro o Scuro, in base allo screenshot.
3. Scrivi un Titolo della finestra o URL. Compare nella barra del titolo, oppure nella scheda e nella barra degli indirizzi della cornice del browser (un https:// iniziale viene omesso, come fanno i browser).
4. Scegli uno Sfondo: una delle Sfumatura predefinite, una Tinta unita, una tua Immagine, uno Screenshot sfocato (una copia morbida e sfocata della cattura stessa) oppure Trasparente.
5. Regola Margine interno, Raggio degli angoli, Dimensione dell’ombra, Spostamento dell’ombra e Opacità dell’ombra. L’anteprima si aggiorna mentre sposti ogni cursore.
6. Scegli le Proporzioni se l’immagine è destinata a un luogo preciso, e una Dimensione di uscita.
7. Clicca su Scarica PNG, oppure su Copia immagine per incollare il risultato direttamente in una chat, in un documento o in una slide.

Perché incorniciare uno screenshot?

Uno screenshot grezzo ha bordi netti e si confonde con la pagina bianca che lo circonda. Metterlo su uno sfondo colorato, con dello spazio attorno e un’ombra morbida, lo separa dal contenuto circostante e lo fa percepire come un oggetto: una finestra che stai mostrando, non un pezzo della pagina. È lo stile usato nei lanci di prodotto, nei changelog, nella documentazione, nei post sui social e nelle presentazioni.

Le cornici delle finestre vengono disegnate dallo strumento, pixel per pixel, invece di essere copiate da un sistema operativo. Danno contesto (un’app desktop, un sito web) e nascondono il fatto che la cattura sia stata ritagliata. Usa la cornice del browser per le pagine web: mostra anche il tuo URL, il che è utile nei tutorial.

Proporzioni per i social

Con Automatiche (adattate allo screenshot), l’immagine è esattamente lo screenshot più il suo margine. Le altre opzioni allargano lo sfondo in una sola direzione e mantengono la finestra centrata, quindi nulla viene ritagliato:

• 16:9 (X / Twitter, YouTube, slide): il rapporto che X mostra senza ritagli nella timeline, e la forma della maggior parte delle presentazioni.
• 1,91:1 (anteprima link LinkedIn, Facebook): la forma delle immagini Open Graph dei link (1200 × 628 px).
• Quadrato 1:1 (Instagram) e Verticale 4:5 (feed di Instagram): le due forme che il feed di Instagram mostra per intero.
• 9:16 (Storie, Reel) per i formati verticali, e 4:3 (presentazioni) per i modelli di slide più vecchi.

Dimensioni e qualità

Il risultato mantiene la piena risoluzione del tuo screenshot, quindi il testo resta nitido. Il margine interno è una percentuale della dimensione della finestra, e la barra del titolo, il raggio degli angoli e l’ombra si adattano alla larghezza dello screenshot, così una cattura Retina e una piccola ottengono lo stesso aspetto. Le dimensioni del PNG sono indicate sotto l’anteprima. Imposta la Dimensione di uscita al 50 % per un file più leggero, o al 200 % per ingrandire una cattura piccola. I risultati molto grandi vengono ridotti al canvas più grande che ogni browser riesce a creare.

Il PNG è senza perdita e mantiene la trasparenza: con uno sfondo Trasparente restano solo la finestra e la sua ombra, pronte da posizionare su qualsiasi grafica. Tutto avviene nel browser: lo screenshot non viene mai caricato.