⬆
Trascina uno screenshot o fai clic per caricarloPNG, JPG, WebP · incolla con Ctrl+V · non viene caricato nullaTrascina uno screenshot e ottieni un mockup curato con sfondo sfumato, ombra morbida, angoli arrotondati e una cornice da browser o dispositivo. Esporta il PNG in pochi secondi.
12 preset gratuiti con gradienti, mesh, tinte unite e trasparenza, oppure scegli due colori e un angolo per creare il tuo gradiente. Grana pellicola opzionale.
Finestre Mac e Windows, un browser con URL modificabile o la cornice di un telefono. Il colore della cornice segue automaticamente il tuo screenshot.
Margine, raggio degli angoli, ombra, inclinazione, bordo interno, scala dell'immagine e rapporti d'aspetto per i social: 16:9, 4:3, 1:1, 4:5 e 9:16.
La generazione avviene su una canvas nel tuo browser. Gli screenshot non vengono mai caricati e lo strumento funziona offline.
Uno screenshot grezzo è ritagliato stretto, ha bordi netti e di solito sta su qualsiasi colore usi la tua app. In un tweet, in una landing page o in una galleria di Product Hunt sembra "non finito". Un buon mockup sistema quattro cose, e Screenshot Studio le offre ciascuna come cursore o riquadro.
Concludi con una didascalia se l'immagine deve reggersi da sola: un titolo breve ("Ecco Inbox Zero") e un sottotitolo di una riga. Tieni l'inclinazione sotto i 6°, a meno che tu non stia creando un banner hero: fa scena, ma il testo dello screenshot diventa più difficile da leggere.
Usa i pulsanti del rapporto d'aspetto per adattare il mockup alla forma giusta. La tela mantiene lo screenshot a piena risoluzione e allarga solo lo sfondo, quindi nulla viene ridotto o sfocato. Esporta a 1x per il web e a 2x per tutto ciò che verrà mostrato su un display retina o ingrandito.
| Piattaforma | Rapporto | Pixel consigliati | Suggerimento |
|---|---|---|---|
| Post Twitter / X | 16:9 | 1600 × 900 (fino a 4096 di larghezza) | I gradienti scuri resistono meglio alla compressione del feed. |
| Post LinkedIn | 4:5 o 1:1 | 1080 × 1350 / 1080 × 1080 | Le immagini verticali occupano più spazio nel feed; tieni piccolo il margine. |
| Galleria di Product Hunt | 16:10 | 1270 × 760 | Usa la cornice del browser con il tuo vero dominio nel campo URL. |
| App Store / Play Store | 9:16 | 1290 × 2796 (6.7") | Cornice del telefono, didascalia sopra, esportazione 2x (Pro) per un testo nitido. |
| Shot per Dribbble | 4:3 | 1600 × 1200 o 2800 × 2100 | Uno sfondo mesh e una leggera inclinazione si sposano con l'estetica di Dribbble. |
| Open Graph / copertina del blog | 1.91:1 (usa 16:9) | 1200 × 630 | Didascalia attiva, font grande, sfondo Mono o Slate per la leggibilità. |
Indie maker e startup lo usano per i tweet di lancio, i post del changelog e la sezione "Novità" di una landing page. I designer racchiudono le esplorazioni di interfaccia in una cornice prima di pubblicarle su Dribbble o condividerle con un cliente. Technical writer e team di supporto aggiungono margine e un bordo leggero così gli screenshot nella documentazione non si confondono con lo sfondo della pagina. I marketer danno stile in batch a un intero set di funzionalità con un solo preset, così ogni immagine di una campagna è coerente.
Screenshot Studio è una pagina statica. Quando trascini un'immagine, questa viene decodificata in memoria, disegnata su una canvas insieme a sfondo, ombra e cornice e codificata di nuovo in PNG o JPG dal tuo browser. Non esiste un endpoint di caricamento né una generazione lato server, quindi dashboard riservate, funzioni non ancora lanciate e dati dei clienti non lasciano mai il tuo computer. Le impostazioni di stile vengono salvate nel localStorage così lo strumento si riapre esattamente come l'hai lasciato.
Sì. Tutti gli sfondi, le cornici, i controlli di layout, le didascalie e l'esportazione PNG/JPG 1x sono gratuiti senza registrazione. Le esportazioni gratuite riportano un piccolo badge "Screenshot Studio · free" nell'angolo. L'upgrade Pro opzionale una tantum lo rimuove e aggiunge esportazioni 2x/4x, sfondi premium, esportazione in batch in ZIP e preset di stile salvati illimitati.
No. Il mockup viene generato con la Canvas API di HTML5 nel tuo browser. Il tuo screenshot non lascia mai il dispositivo, nulla viene salvato su un server e lo strumento continua a funzionare offline una volta caricata la pagina.
Puoi trascinare, scegliere o incollare immagini PNG, JPG/JPEG, WebP, GIF (primo fotogramma) e BMP. L'output è PNG (con supporto della trasparenza) o JPG a qualità 92. Le foto HEIC degli iPhone non vengono decodificate dai browser, quindi esportale prima in JPEG.
Sì. La versione gratuita aggiunge un piccolo badge "Screenshot Studio · free" nell'angolo in basso a destra delle esportazioni. Screenshot Studio Pro, un acquisto una tantum, rimuove il badge da ogni esportazione, compresi i download 2x, 4x e gli ZIP in batch.
Con Pro puoi trascinare più screenshot contemporaneamente; le impostazioni attuali di sfondo, cornice, layout e didascalia vengono applicate a ogni immagine e tutti i risultati si scaricano in un unico file ZIP. La versione gratuita dà stile a uno screenshot alla volta.
Sì. Scegli il riquadro di sfondo "Trasparente" e scarica in PNG. Ombra, cornice e angoli arrotondati vengono mantenuti su una tela trasparente, così puoi posizionare il mockup su qualsiasi slide, sito o design. JPG non supporta la trasparenza, quindi le esportazioni JPG usano invece uno sfondo bianco.
Hai già acquistato? Inserisci la chiave di licenza