Mockup browser

Generatore di Mockup Browser

Avvolgi uno screenshot di sito in una finestra browser pulita — barra del titolo, barra degli indirizzi e tutto — e scarica, gratis e direttamente nel tuo browser.

Trascina uno screenshot per inquadrarlo

Trascina, incolla o scegli un file

PNG · JPG · WebP — elaborato sul tuo dispositivo

Finestra browserBarra degli indirizziSenza filigrana Phone · Laptop · Browser

Inquadra un sito in una finestra browser

Uno screenshot di sito appare molto più convincente all'interno di una finestra browser. La barra del titolo con i pulsanti semaforo e la barra degli indirizzi segnalano «questo è un sito reale» a colpo d'occhio — perfetto per portfolio, case study, landing page e documentazione.

Questo generatore disegna un chrome browser pulito attorno al tuo screenshot e lo posiziona su uno sfondo con margini e un'ombra morbida. È tutto vettoriale, quindi la finestra rimane nitida e il tuo screenshot conserva la piena risoluzione nell'area dei contenuti.

Come creare un mockup browser

  1. Apri lo screenshot del tuo sito. Uno screenshot orizzontale di una pagina si adatta meglio alla cornice browser.
  2. Seleziona la cornice Browser. Una barra del titolo, semafori e una barra degli indirizzi appaiono attorno al tuo screenshot.
  3. Personalizza. Aggiungi una sfumatura o uno sfondo colorato, poi regola margini, ombra e inclinazione.
  4. Scarica. Salva un PNG, JPG o WebP ad alta risoluzione.

Cattura l'intera larghezza della pagina

Fai lo screenshot a una larghezza desktop tipica (circa 1280–1440px di larghezza) in modo che le proporzioni corrispondano a un browser reale. Se il tuo screenshot include già il chrome del browser, ritaglia solo il contenuto della pagina prima per non duplicarlo.

More mockup & screenshot tools

Domande frequenti

La cornice browser include una barra degli indirizzi?

Sì — la cornice browser ha una barra del titolo con pulsanti semaforo e una barra degli indirizzi, disegnati come chrome vettoriale pulito.

Posso cambiare il testo della barra degli indirizzi?

La barra degli indirizzi è una pillola neutra senza testo modificabile in questa versione. Puoi aggiungere un'annotazione di testo sopra se hai bisogno di un'etichetta.

Quale orientamento dello screenshot è migliore?

Uno screenshot orizzontale (largo) di una pagina web si adatta più naturalmente alla cornice browser.

Dove viene elaborata la mia immagine?

Il mockup viene composto nel tuo browser, quindi la nuova immagine viene creata sul tuo dispositivo. Come vengono trattati i dati associati allo strumento è descritto nella nostra informativa sulla privacy.

Altri strumenti per immagini