Uno screenshot grezzo appare piatto quando lo incolli in un tweet, una slide o una landing page. Questo strumento lo posiziona su una bella sfumatura (o un colore pieno), aggiunge una spaziatura che dà respiro, arrotonda gli angoli e mette un'ombra morbida sotto: il look curato che vedi ovunque negli screenshot di prodotto. Scegli un rapporto d'aspetto per i social o lascialo automatico.
Tutto si compone in tempo reale su un'area di lavoro nel tuo browser e viene esportato come PNG. Il tuo screenshot — che potrebbe mostrare dati privati — non viene mai caricato.
Come si usa
- Aggiungi uno screenshotTrascina l'immagine che vuoi valorizzare.
- Dai uno stile alla corniceScegli uno sfondo, la spaziatura, il raggio degli angoli e l'ombra; scegli un rapporto d'aspetto se ti serve.
- Scarica il PNGSalva l'immagine curata, pronta per social, documenti o slide.
Trasforma uno screenshot grezzo in uno screenshot da prodotto
L'abbellitore di screenshot poggia la tua cattura su uno sfondo e aggiunge le tre cose che fanno sembrare progettato invece che catturato uno screenshot: un padding attorno all'immagine, angoli arrotondati sullo screenshot stesso e una morbida ombra portata che lo solleva dalla superficie. Scegli una sfumatura predefinita, un colore pieno o uno sfondo trasparente, regola ogni controllo e guarda l'anteprima aggiornarsi in tempo reale prima di esportare un PNG.
Tutto viene composto su un canvas nel tuo browser, quindi lo screenshot non viene mai caricato. Questo conta perché uno screenshot può contenere un messaggio privato, una fattura, una dashboard o un token nella barra dell'URL — aggiungere un'ombra non dovrebbe significare inviare nulla di ciò a un server. Non c'è account, e dopo che la pagina si carica continua a funzionare offline.
La forma giusta per dove è destinato
Ogni posto in cui pubblichi un'immagine preferisce una forma. Blocca l'output su 16:9 per presentazioni e ampie schede social, 1:1 per un post quadrato su Instagram o LinkedIn, 3:4 per un'immagine alta che riempie di più lo schermo di un telefono, oppure lascialo su Auto per far avvolgere all'inquadratura lo screenshot più il suo padding. Quando blocchi una proporzione, il padding riempie il resto dell'inquadratura così che l'esportazione si inserisca nello spazio senza un ritaglio goffo.
Imposta lo sfondo su trasparente e il PNG viene esportato con l'area del padding libera — il padding, il raggio degli angoli e l'ombra restano tutti, sparisce solo il riempimento dietro l'ombra. Quella è la versione che poggi sul tuo stesso sfondo in Figma, Keynote o una miniatura.
Per cosa lo usano le persone
Scatti di lancio e changelog — Fai fluttuare uno screenshot di prodotto su una morbida sfumatura così che un post di rilascio o un changelog sembri intenzionale anziché grezzo.
Tweet e discussioni rifiniti — Aggiungi padding, angoli arrotondati e una lieve ombra così che il tuo screenshot smetta di scontrarsi con il testo attorno.
Presentazioni — Esporta a 16:9 con uno sfondo pulito così che gli screenshot si dispongano in modo coerente lungo una presentazione.
Post social quadrati — Blocca 1:1 così che uno screenshot largo si adatti a una griglia di Instagram o LinkedIn senza essere ritagliato.
Asset per Figma e Keynote — Esporta su uno sfondo trasparente per mantenere gli angoli arrotondati e l'ombra, poi poggialo sul tuo stesso layout.
Intestazioni della documentazione — Metti uno screenshot su un colore pieno del brand per un'immagine di apertura ordinata e in linea con il brand in documenti o wiki.
Uno screenshot nudo sembra piatto ovunque lo incolli
Uno screenshot appena preso dal tuo schermo è un rettangolo di pixel con un bordo netto su tutti e quattro i lati. Da solo va bene per una segnalazione di bug. Ma nel momento in cui lo metti in un tweet, una slide, un hero di una pagina di destinazione o un documento Notion, sembra incompiuto — cozza dritto contro il testo intorno, gli angoli sembrano taglienti e a buon mercato, e non c'è separazione tra l'immagine e lo sfondo. Hai visto cento volte la versione curata: uno screenshot di prodotto che galleggia su un morbido gradiente di colore, con un po' di spazio da respirare intorno, angoli leggermente arrotondati e un'ombra tenue così si stacca dalla pagina. Quell'aspetto non è un filtro o un modello stock. Sono tre piccole cose messe insieme, e questo strumento fa esattamente quelle tre cose.
Trascini uno screenshot sul canvas e compone la foto finita in tempo reale nel tuo browser. Scegli uno sfondo — un gradiente preimpostato, un colore pieno o trasparente — imposti quanto spazio sta intorno allo screenshot, scegli il raggio degli angoli e alzi o abbassi l'ombra. L'anteprima si aggiorna man mano che procedi. Quando sembra a posto, esporti un PNG. Lo screenshot, che può contenere un thread di email, una dashboard, una chat, numeri di conto, qualsiasi cosa, è disegnato direttamente su un elemento <canvas> e non lascia mai la scheda. Nessun caricamento, nessun account, e una volta che la pagina è caricata continua a funzionare con la rete spenta.
Cosa fanno davvero spazio, arrotondamento, ombra e gradiente
- Lo spazio dà allo screenshot un margine così non è stipato da bordo a bordo. Quel divario è ciò che lo fa leggere come un oggetto deliberato posato su una superficie anziché una cattura grezza.
- Gli angoli arrotondati sullo screenshot stesso ammorbidiscono i quattro angoli retti netti. È un cambiamento minuscolo che si legge subito come "progettato" invece di "acchiappato".
- Una morbida ombra separa lo screenshot dallo sfondo, così sembra che stia leggermente sopra la superficie anziché incollato piatto su di essa. Mantienila tenue — è questo che vende la profondità senza sembrare pesante.
- Uno sfondo a gradiente (o pieno) riempie lo spazio con colore. Un delicato gradiente a due toni è il singolo motivo più grande per cui quegli screenshot di lancio app e changelog sembrano costosi; un colore pieno è l'alternativa più calma e in linea col brand.
Insieme questi sono l'aspetto "screenshot di prodotto", e questo è tutto il perimetro dello strumento — né più né meno.
Rapporti d'aspetto per dove va
L'output può essere Auto (la cornice avvolge semplicemente il tuo screenshot più lo spazio) o bloccato a 16:9, 4:3, 1:1 o 3:4. Il rapporto conta perché ogni posto dove pubblichi ha una forma che preferisce: 16:9 per le presentazioni e le schede social larghe, 1:1 per un post quadrato Instagram o LinkedIn, 3:4 per un'immagine alta che riempie di più uno schermo di telefono. Blocca il rapporto e lo spazio riempie il resto della cornice intorno al tuo screenshot, così l'esportazione si inserisce in quello spazio senza essere ritagliata goffamente.
Sfondo trasparente, di proposito
Imposta lo sfondo su trasparente e il PNG si esporta con l'area di spazio libera invece che colorata. È quello che vuoi quando andrai a mettere lo screenshot con angoli arrotondati e ombra sul tuo sfondo in Figma, Keynote o una miniatura — mantieni lo spazio, il raggio e l'ombra, e lo posi su qualunque superficie hai già. L'ombra resta; solo il riempimento dietro di essa scompare.
Perché qui il solo-locale è il punto
Gli screenshot sono in silenzio una delle cose più private di cui vorrai mai condividere una versione. Una singola cattura può mostrare il nome di un cliente, una fattura, un DM privato, una metrica interna, un token nella barra dell'URL. Un abbellitore che carica la tua immagine su un server per "elaborarla" ti sta chiedendo di consegnare tutto ciò solo per aggiungere un'ombra. Qui la composizione è semplice lavoro su canvas nel tuo browser, quindi non c'è nulla da caricare e nulla di cui fidarsi.
Una nota onesta sul perimetro: questo aggiunge la rifinitura gradiente-spazio-ombra e nient'altro. Non avvolge il tuo screenshot in una cornice di browser o in un mockup a forma di telefono, e non aggiunge frecce, sfocature o annotazioni — è l'aspetto da abbellire, uno screenshot alla volta.
Perché IMG.DIY
Sfumato o pieno
Sfumature predefinite o qualsiasi colore pieno.
Spaziatura e arrotondamento
Spazio che dà respiro e angoli arrotondati.
Ombra morbida
Profondità regolabile per un effetto fluttuante.
Privato
Composto in locale: mai caricato.