Générateur de mockup de capture d'écran gratuit

Déposez une capture brute et transformez-la en image soignée : choisissez un cadre de fenêtre de navigateur ou de téléphone, un fond dégradé, une marge, un arrondi d'angles et une ombre, puis téléchargez un PNG jusqu'en résolution 2x pour un rendu net sur écran Retina. Tout se passe dans votre navigateur, la capture n'est jamais envoyée et il n'y a aucune limite quotidienne.
Générateur de mockup de capture d'écran gratuit

Embellissez votre capture

Déposez une capture PNG ou JPG, choisissez un cadre et un fond et téléchargez le mockup en PNG en 1x ou 2x.

Le cadre est une propriété du modèle

L'éditeur de modèles DynaPictures, la liste des calques ouverte à côté d'un visuel

Les visuels produit vont par séries : une page de documentation, un billet de version et une section tarifs veulent la même capture habillée pareil. Dans DynaPictures, le cadre, la marge intérieure, l'arrondi des angles et l'ombre appartiennent au modèle, et la capture tombe dans l'emplacement tracé.

La capture tombe dans l'emplacement tracé
Marge, arrondi et ombre fixés sur le calque
PNG, WEBP ou PDF depuis un modèle

Comment créer un mockup de capture d'écran

1.

Déposez votre capture

Glissez un PNG ou un JPG dans la zone. Écrans d'application, pages web, tableaux de bord et fenêtres de chat conviennent tous ; l'image reste sur votre appareil.

2.

Choisissez cadre et fond

Placez-la dans une fenêtre de navigateur, un cadre de téléphone ou aucun cadre. Choisissez un fond dégradé, puis réglez la marge, l'arrondi des angles et la force de l'ombre.

3.

Téléchargez en 1x ou 2x

Exportez un PNG à la taille d'origine ou en résolution 2x pour les écrans Retina, les fiches de boutiques d'applications et des diapositives nettes.

Pourquoi embellir vos captures avec cet outil

Cadres navigateur et téléphone

Un cadre de fenêtre de navigateur donne aux captures d'applications web l'allure de visuels produit ; le cadre téléphone fait de même pour les écrans mobiles.

Fonds dégradés et ombres

Marge, angles arrondis, ombre douce et dégradé transforment une capture plate en carte qui ressort dans un fil ou un article de blog.

Jusqu'à la résolution 2x

Exportez en 2x pour que le mockup reste net sur les écrans Retina et 4K, dans une galerie Product Hunt ou sur une page d'atterrissage.

Rien n'est envoyé

Le générateur fonctionne entièrement dans votre navigateur. Les captures de fonctionnalités non publiées ou de données clients ne quittent jamais votre machine.

Aucune limite quotidienne

Pas de compte, pas de filigrane et pas de compteur journalier. Embellissez chaque capture de votre changelog si vous le souhaitez.

Ce que fait l'embellisseur de captures

Les captures brutes ont des bords durs, aucun contexte et souvent beaucoup d'interface vide. Cet outil place votre capture dans un cadre d'appareil, ajoute de l'espace autour, arrondit les angles, pose une ombre derrière et peint un fond dégradé, le rendu que vous voyez dans les annonces de lancement, la documentation et les fiches App Store. Comme le traitement se fait sur un canvas dans votre navigateur, l'image ne quitte jamais votre appareil. Utilisez le cadre navigateur pour les applications web et tableaux de bord SaaS, le cadre téléphone pour les applications mobiles et aucun cadre pour les diapositives, schémas ou sorties de terminal. Exportez en 2x dès que l'image sera affichée sur un écran haute densité.

Limites gratuites

Aucune limite quotidienne et aucun compte. L'outil fonctionne dans votre navigateur, la capture n'est pas envoyée et le PNG est enregistré directement sur votre appareil.

Automatisez vos visuels produit

Dans DynaPictures, vous créez un modèle de mockup une fois et y générez de nouvelles captures via l'API, Zapier, Make ou une feuille de calcul, par exemple pour chaque note de version.

Conseil

Recadrez la capture sur la zone intéressante avant de la déposer ; les captures plus petites avec plus de marge se lisent mieux dans les fils sociaux que les captures plein écran.

Questions fréquentes

Non. Le mockup est rendu sur un canvas dans votre navigateur. Rien n'est envoyé à un serveur, c'est aussi pour cela que l'outil n'a pas de limite quotidienne.