Générateur de mockup de capture d’écran

Placez n’importe quelle capture d’écran dans un cadre de navigateur ou une fenêtre macOS, sur les mêmes arrière-plans que l’app Snapix, et exportez-la à la taille exacte de chaque plateforme.

Comment placer une capture d’écran dans un cadre de navigateur

Trois étapes, et tout se passe dans votre navigateur.

Ajoutez une capture d’écran

Déposez-la dans la zone ci-dessus, appuyez sur ⌘V pour la coller ou cliquez pour parcourir vos fichiers — elle est habillée dès qu’elle arrive. Touchez la zone ci-dessus et choisissez une capture dans vos photos — elle est habillée dès qu’elle arrive.

Personnalisez le mockup

Choisissez un cadre de navigateur ou de fenêtre Mac, saisissez votre propre titre ou URL, puis optez pour un dégradé, une image ou une couleur, et réglez la marge, l’ombre et les coins.

Copiez ou téléchargez

Copiez le mockup terminé dans votre presse-papiers ou téléchargez-le — déjà aux dimensions de LinkedIn, X, Instagram ou de votre aperçu de lien.

Cadres

Cadre de navigateur, fenêtre Mac ou aucun cadre

Un cadre dit ce que l’on regarde avant même qu’on lise un mot : un site en ligne, une app Mac ou simplement une image épurée. Les trois sont dessinés en tracés vectoriels : ils restent nets quelle que soit la taille d’exportation.

Cadre de navigateurPour les sites et les applications web — une fenêtre épurée façon Safari, avec une barre d’adresse où saisir l’URL de votre choix.
Fenêtre MacPour les apps Mac natives — les trois boutons de fenêtre colorés et un titre modifiable, en thème clair ou sombre pour s’accorder à votre capture.
Sans cadreJuste l’arrière-plan, la marge, l’ombre et les coins arrondis — idéal pour les captures mobiles et les captures Mac qui ont déjà leurs propres coins.

La même capture d’écran habillée de trois façons : un cadre de navigateur façon Safari avec une adresse modifiable, une fenêtre macOS avec ses trois boutons colorés et un titre, et une capture nue aux coins arrondis — chacune sur son propre arrière-plan en dégradé

À votre image

Ajoutez un arrière-plan et une légende

C’est l’arrière-plan qui donne l’essentiel de son aspect fini à une capture d’écran, et une publication sur les réseaux sociaux a généralement besoin d’une ligne de texte. Faites les deux ici et téléchargez une seule image — sans passer par un second outil.

22 dégradés issus de l’app Snapix — ou un dégradé tiré des couleurs de votre capture
Des images avec flou réglable, 17 couleurs ou un arrière-plan transparent
Enregistrez un style comme préréglage et réutilisez-le sur la capture suivante
Du texte en six styles prêts à l’emploi et 36 polices, dessiné en vecteurs nets
Placez chaque élément en le faisant glisser — il s’aimante aux repères, et ⌘Z annule chaque étape

Floutez e-mails et noms avant d’habiller quoi que ce soit — notre outil Annoter une capture d’écran les masque directement dans le navigateur.

Une capture d’écran dans un cadre de navigateur, centrée sur une zone de travail en dégradé indigo, avec au-dessus une légende en gras sélectionnée pour modification, des poignées d’angle sur les deux et un repère d’alignement en pointillés qui marque le centre

Tailles d’exportation

La bonne taille pour chaque plateforme

Auto ajuste la zone de travail au mockup, ce qui convient à la documentation et aux notes de version. Choisissez plutôt un format comme 16:9, 1:1 ou 9:16 : la zone de travail s’agrandit autour de votre capture — qui n’est jamais recadrée ni étirée —, puis faites-la glisser où vous voulez sur la zone de travail.

Le menu Taille propose un préréglage pour chaque endroit où finissent les captures de produit : publications LinkedIn, X, Reddit et Instagram, galeries Product Hunt, miniatures YouTube et aperçus sociaux GitHub. Chacun exporte aux pixels exacts de la plateforme : le fichier que vous téléchargez est celui que vous publiez.

L’outil sert aussi de générateur d’images Open Graph : le préréglage Aperçu de lien exporte la carte 1200 × 630 que Facebook, LinkedIn, Slack et Discord construisent à partir de la balise og:image de votre page.

Des JPG légers, ou un PNG quand l’arrière-plan est transparent
Tailles personnalisées de 100 à 8000 px
Les PNG transparents se posent directement sur vos diapositives et présentations

Les préréglages d’exportation dessinés à leurs vraies proportions : un format 16:9 commun à LinkedIn, X et Reddit contenant un mockup habillé, Instagram carré et portrait, des cartes GitHub et Product Hunt, et un aperçu de lien de 1200 sur 630

Questions fréquentes

Ce générateur de mockup est-il gratuit ? Ajoute-t-il un filigrane ?

Il est entièrement gratuit — sans filigrane, sans inscription et sans limite d’exportation. Tout est dessiné sur un élément canvas, directement dans la page : pas d’envoi en ligne, pas d’attente d’un serveur. Ces outils web sont notre façon de présenter Snapix, notre app de capture d’écran pour macOS.

Puis-je modifier l’URL et le titre de la fenêtre ?

Oui. Le cadre de navigateur façon Safari a une barre d’adresse modifiable, et la fenêtre Mac un titre modifiable. Le texte est redessiné sur la zone de travail au fil de la saisie : ce que vous écrivez est exporté avec l’image.

Quels arrière-plans puis-je utiliser ?

La même bibliothèque que l’éditeur de Snapix : 22 dégradés, des fondus bicolores tout simples aux dégradés maillés tout en douceur, 17 couleurs, un dégradé tiré de votre capture, une copie floutée de la capture elle-même, ou une image personnelle avec flou réglable. Choisissez Sans arrière-plan pour exporter un PNG transparent.

Puis-je ajouter du texte ou une légende au mockup ?

Oui. Faites glisser l’un des six styles de l’onglet Texte sur la zone de travail — ou appuyez sur T — et tapez directement sur l’aperçu. Vous avez le choix entre 36 polices, les légendes s’exportent en vecteurs nets à toutes les tailles, et ⌘Z annule chaque étape.

Quelles tailles pour les réseaux sociaux puis-je exporter ?

Le menu Taille propose neuf formats et neuf tailles de plateformes : publications LinkedIn, X et Reddit en 1920 × 1080, Instagram carré et portrait, galerie Product Hunt, miniature YouTube, aperçu social GitHub et aperçu de lien 1200 × 630. Chaque taille de plateforme s’exporte à ses pixels exacts, et Taille personnalisée accepte n’importe quelle taille de 100 à 8000 px.

Quelle taille doit faire une image Open Graph ?

1200 × 630 pixels, soit la taille Aperçu de lien de cet outil. C’est la taille que demande la documentation de partage de Facebook, et Slack, Discord, Bluesky, LinkedIn et Reddit lisent la même balise og:image : une seule exportation les couvre donc tous.

L’exportation se fait-elle en JPG ou en PNG ?

L’outil choisit pour vous. Un mockup avec arrière-plan est téléchargé en JPG de qualité 92 % — presque impossible à distinguer d’un PNG à l’œil nu, pour une fraction du poids. Sans arrière-plan, il est téléchargé en PNG, car seul le PNG conserve la transparence. Copier place toujours un PNG dans votre presse-papiers.

Des captures de fenêtre nettes, en un raccourci

La capture de fenêtre de Snapix (⌘⇧5) saisit proprement n’importe quelle fenêtre Mac, en surlignant en direct exactement ce que vous obtiendrez — et l’éditeur la pose sur ces mêmes arrière-plans, avec des préréglages applicables à chaque capture.

Télécharger pour Mac

Générateur de mockup de capture d’écran