utills.
Français
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

Find your next tool

37 tools

Compress image Shrink file size while keeping quality. Resize image Change width and height to any size. Crop image Trim images to the exact frame you want. Convert image Switch between JPG, PNG, WebP and more. Remove background Erase the background in one click. Image to PDF Combine images into one PDF document. Rotate & Flip Turn, straighten, and mirror photos. Image to text Pull editable text out of any image. HEIC to JPG Open iPhone HEIC photos as JPG. Watermark Stamp text or logos over your images. Collage Arrange multiple photos into a grid. Favicon Generator Build favicons in every required size. Color Picker Grab hex colors and build palettes. Blur & Pixelate Obscure faces, plates, and private bits. Enhance Auto-fix brightness, contrast, and color. Passport Photo Prepare photos for ID and passport applications. Signature Clean up and extract handwritten signatures. Photo Effects Apply filters and vintage looks. Social Image Size covers for common social platforms. Add text to image Caption images and make memes fast. GIF Maker Turn frames or clips into animated GIFs. Border & Frame Add clean borders and photo frames. Mockup Drop screenshots into device frames. SVG Converter Trace raster images into scalable SVG. EXIF Viewer Inspect camera and GPS metadata. Poster & Print Lay out posters and print-ready sheets. Document Scanner Deskew and clean photographed documents. Image to Base64 Encode images into a data-URI string. Placeholder Make dummy placeholder images on demand. Image generator Make gradients, patterns, and avatars. Compare Images See two images side by side with a slider. QR Code Create and download QR codes. Hide Text in Image Embed a secret message inside a picture. Length converter Meters, feet, inches, miles and more. Weight converter Switch between kilograms, pounds and more. Temperature converter Celsius, Fahrenheit, Kelvin and more. Data storage converter Bits, bytes, megabytes and gigabytes.
Tab to move · Enter to open · Esc to close