Générateur de maquette de capture d’écran
Placez une capture d’écran dans un cadre de navigateur, de fenêtre, de téléphone, de tablette ou d’ordinateur portable, avec fond dégradé ou uni et ombre. Export PNG.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Qu'est-ce que Maquette de capture d’écran ?
L’outil de maquette encadre votre capture d’écran dans un appareil ou une fenêtre générique et sobre : une fenêtre de navigateur claire ou sombre avec votre URL dans la barre d’adresse, une simple fenêtre d’application, un téléphone, une tablette ou un ordinateur portable. Ajoutez un fond dégradé, uni ou transparent, une marge et une ombre portée, puis exportez un PNG prêt pour des pages d’atterrissage, de la documentation ou des publications sociales.
Comment utiliser Maquette de capture d’écran
- Déposez, choisissez ou collez une capture d’écran.
- Choisissez un Cadre et, pour les cadres de navigateur, saisissez le Texte de la barre d’adresse.
- Choisissez l’Arrière-plan (dégradé, couleur unie ou transparent), ses couleurs, la Marge intérieure et l’Ombre portée.
- Téléchargez la maquette PNG.
Exemple
Capture 40×20, cadre Fenêtre de navigateur (claire), marge 0, fond transparent
PNG 40×64 : une barre de titre de 44 px avec les points de fenêtre et la barre d’adresse au-dessus de la capture
Quand utiliser Maquette de capture d’écran
Utilisez-le pour soigner l’aspect de captures d’écran dans des pages produit, des README, des journaux de modifications, des présentations ou des tweets. Pour des rendus d’appareils photoréalistes ou des maquettes en perspective, utilisez un outil de design dédié.
Comment fonctionne Maquette de capture d’écran
Tout est dessiné sur un canevas. Les fenêtres de navigateur et d’application sont dimensionnées d’après la capture (une barre de titre est ajoutée au-dessus, avec des tailles proportionnelles à la largeur de la capture) : la capture garde donc sa pleine résolution. Les cadres de téléphone, de tablette et d’ordinateur portable utilisent des rapports d’écran fixes (19,5:9, 4:3 et 16:10) : la capture est mise à l’échelle de la largeur de l’écran et dessinée depuis le haut, le débordement étant coupé. Les cadres sont de simples formes génériques, pas des répliques d’appareils de marque.
Cas d'utilisation courants
- Présenter une capture d’application web sur une page d’atterrissage.
- Ajouter un cadre de navigateur aux captures d’une documentation.
- Créer une maquette de téléphone d’un site mobile pour les réseaux sociaux.
- Produire des images homogènes de journal des modifications avec un fond dégradé aux couleurs de la marque.
Note de Sécurité
Les images sont décodées, traitées et encodées localement dans votre navigateur avec l’API Canvas. Rien n’est envoyé à un serveur.
Questions Fréquentes
Ma capture sera-t-elle redimensionnée ?
Dans les cadres de navigateur et d’application, elle garde sa taille d’origine. Dans les cadres de téléphone, de tablette et d’ordinateur portable, elle est mise à l’échelle de la largeur de l’écran et coupée en bas si elle est plus haute que l’écran.
Puis-je obtenir un fond transparent ?
Oui, choisissez Transparent comme arrière-plan ; le PNG conserve la transparence autour du cadre et de l’ombre.
S’agit-il de vrais modèles d’appareils ?
Non. Les cadres sont des designs neutres et génériques, utilisables librement sans souci de marques.