Mockup d’Écran — Encadrez Vos Captures d’Écran
Déposez une capture d'écran et obtenez un beau mockup avec cadre de navigateur, fond dégradé, padding et ombre. Parfait pour les réseaux sociaux, portfolios et lancements produit. Export PNG.
Mockup d’Écran — Transformez Vos Captures en Visuels Soignés
Déposez une capture d’écran et regardez-la transformée en un beau mockup avec un cadre de fenêtre de navigateur, un fond dégradé, une ombre douce et des coins arrondis — le genre de visuel que vous voyez partout sur X, LinkedIn et les pages de lancement produit. Ajustez chaque paramètre et exportez un PNG haute résolution. Tout est composé en direct sur un Canvas HTML dans votre navigateur.
Ce que vous pouvez faire
- Cadre navigateur : habillez votre capture d’une fenêtre réaliste style macOS avec boutons feux tricolores et barre d’URL (mode clair ou sombre)
- Cadre téléphone : montrez les captures d’apps dans un cadre de téléphone épuré avec encoche et indicateur home
- Aucun cadre : juste coins arrondis + ombre + fond, pour des photos produit nettes
- 12 fonds dégradés : du pastel doux aux tons sombres marqués
- Padding, rayon et ombre : trois curseurs pour peaufiner la composition
- Texte personnalisable de la barre d’URL : affichez votre vrai domaine
- Export PNG : sortie haute résolution prête à partager
Idéal pour
- Publications réseaux sociaux (X, LinkedIn, Instagram, Threads) qui doivent ressortir dans le fil
- Pages de lancement produit et visuels hero de landing pages
- Documentation et tutoriels où les captures plates rendent fades
- Portfolios et études de cas où la présentation compte
- Bannières de newsletter et visuels d’email
Comment ça marche
L’image est entièrement composée sur un <canvas> HTML : le fond dégradé, le masque de coins arrondis, la chrome de navigateur style macOS avec ses boutons et sa pilule d’URL, l’ombre portée, et votre capture dessinée par-dessus — tout assemblé mathématiquement en pixels. Le résultat est un fichier PNG unique que vous pouvez télécharger et utiliser partout.
Conseils
- Pour les réseaux sociaux, un padding généreux (80–120 px) et un dégradé marqué rendent le mieux
- Utilisez la barre sombre pour les captures en mode nuit
- Le cadre téléphone fonctionne mieux avec les captures en orientation portrait (apps mobiles)
- Ajoutez une vraie ombre mais gardez-la subtile — 25 à 40 sur le curseur est généralement idéal
Confidentialité
Votre capture ne quitte jamais votre appareil. Toute la composition et l’export se font en local — rien n’est envoyé.