Maquette de navigateur

Générateur de Maquette de Navigateur

Enveloppez une capture de site dans une fenêtre de navigateur propre — barre de titre, barre d'adresse et tout — et téléchargez, gratuit et directement dans votre navigateur.

Déposez une capture pour la cadrer

Glissez-déposez, collez ou choisissez un fichier

PNG · JPG · WebP — composé sur votre appareil

Fenêtre de navigateurBarre d'adresseSans filigrane Phone · Laptop · Browser

Encadrez un site dans une fenêtre de navigateur

Une capture de site web paraît bien plus convaincante dans une fenêtre de navigateur. La barre de titre avec ses boutons de feux tricolores et la barre d'adresse signalent «c'est un vrai site» d'un coup d'œil — parfait pour les portfolios, les études de cas, les pages d'atterrissage et la documentation.

Ce générateur dessine un chrome de navigateur propre autour de votre capture et le place sur un fond avec des marges et une ombre douce. Tout est en vectoriel, la fenêtre reste donc nette et votre capture conserve sa pleine résolution dans la zone de contenu.

Comment créer une maquette de navigateur

  1. Ouvrez votre capture de site. Une capture paysage d'une page s'adapte le mieux au cadre du navigateur.
  2. Sélectionnez le cadre Navigateur. Une barre de titre, des feux tricolores et une barre d'adresse apparaissent autour de votre capture.
  3. Stylisez. Ajoutez un dégradé ou un fond coloré, puis réglez les marges, l'ombre et l'inclinaison.
  4. Téléchargez. Enregistrez un PNG, JPG ou WebP haute résolution.

Capturez la largeur complète de la page

Prenez la capture à une largeur de bureau typique (environ 1280–1440px de large) pour que les proportions correspondent à un vrai navigateur. Si votre capture inclut déjà le chrome du navigateur, recadrez-la sur le contenu de la page uniquement pour éviter les doublons.

More mockup & screenshot tools

Questions fréquentes

Le cadre du navigateur inclut-il une barre d'adresse ?

Oui — le cadre comporte une barre de titre avec des boutons de feux tricolores et une barre d'adresse, dessinés en chrome vectoriel propre.

Puis-je changer le texte de la barre d'adresse ?

La barre d'adresse est une pastille neutre sans texte modifiable dans cette version. Vous pouvez ajouter une annotation de texte par-dessus si vous avez besoin d'une étiquette.

Quelle orientation de capture est la meilleure ?

Une capture paysage (large) d'une page web s'adapte le plus naturellement au cadre du navigateur.

Où mon image est-elle traitée ?

La maquette est composée dans votre navigateur, la nouvelle image est donc créée sur votre propre appareil. La manière dont les données associées à l'outil sont traitées est décrite dans notre politique de confidentialité.

Plus d'outils image