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
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
- Ouvrez votre capture de site. Une capture paysage d'une page s'adapte le mieux au cadre du navigateur.
- Sélectionnez le cadre Navigateur. Une barre de titre, des feux tricolores et une barre d'adresse apparaissent autour de votre capture.
- Stylisez. Ajoutez un dégradé ou un fond coloré, puis réglez les marges, l'ombre et l'inclinaison.
- 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
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.