⬆
Déposez une capture d'écran ou cliquez pour l'importerPNG, JPG, WebP · collez avec Ctrl+V · rien n'est envoyéDéposez une capture d'écran et obtenez un mockup soigné avec un arrière-plan en dégradé, une ombre douce, des coins arrondis et un cadre de navigateur ou d'appareil. Export PNG en quelques secondes.
12 préréglages gratuits en dégradé, mesh, uni et transparent, ou choisissez deux couleurs et un angle pour créer votre propre dégradé. Grain argentique en option.
Fenêtres Mac et Windows, navigateur avec URL modifiable ou cadre de téléphone. La couleur du cadre s'adapte automatiquement à votre capture.
Marge, arrondi des coins, ombre, inclinaison, bordure intérieure, échelle de l'image et formats pour les réseaux sociaux : 16:9, 4:3, 1:1, 4:5 et 9:16.
Le rendu s'effectue sur un canevas dans votre navigateur. Les captures ne sont jamais envoyées en ligne et l'outil fonctionne hors ligne.
Une capture brute est rognée au plus près, a des bords durs et repose généralement sur la couleur de votre application. Dans un tweet, une landing page ou une galerie Product Hunt, elle paraît « inachevée ». Un bon mockup corrige quatre choses, et Screenshot Studio propose chacune d'elles sous forme de curseur ou de vignette.
Terminez par une légende si l'image doit se suffire à elle-même : un titre court (« Découvrez Inbox Zero ») et un sous-titre d'une ligne. Gardez l'inclinaison sous 6°, sauf pour une bannière principale ; l'effet est spectaculaire, mais le texte de la capture devient plus difficile à lire.
Utilisez les puces de format pour donner à votre mockup la bonne forme. Le canevas conserve votre capture en pleine résolution et agrandit seulement l'arrière-plan : rien n'est réduit ni flouté. Exportez en 1x pour le web et en 2x pour tout ce qui sera affiché sur un écran Retina ou zoomé.
| Plateforme | Ratio | Pixels recommandés | Astuce |
|---|---|---|---|
| Post Twitter / X | 16:9 | 1600 × 900 (jusqu'à 4096 de large) | Les dégradés sombres résistent mieux à la compression du fil d'actualité. |
| Post LinkedIn | 4:5 ou 1:1 | 1080 × 1350 / 1080 × 1080 | Les images verticales occupent plus de place dans le fil ; gardez une petite marge. |
| Galerie Product Hunt | 16:10 | 1270 × 760 | Utilisez le cadre de navigateur avec votre vrai domaine dans le champ URL. |
| App Store / Play Store | 9:16 | 1290 × 2796 (6.7") | Cadre de téléphone, légende au-dessus, export 2x (Pro) pour un texte net. |
| Shot Dribbble | 4:3 | 1600 × 1200 or 2800 × 2100 | Un arrière-plan mesh et une légère inclinaison collent à l'esthétique Dribbble. |
| Open Graph / couverture de blog | 1.91:1 (utilisez 16:9) | 1200 × 630 | Légende activée, grande police, arrière-plan Mono ou Ardoise pour la lisibilité. |
Les créateurs indépendants et les startups l'utilisent pour leurs tweets de lancement, leurs notes de version et la section « Nouveautés » d'une landing page. Les designers présentent leurs explorations d'interface dans un cadre avant de les publier sur Dribbble ou de les partager avec un client. Les rédacteurs techniques et les équipes support ajoutent une marge et une bordure discrète pour que les captures de la documentation ne se fondent pas dans l'arrière-plan de la page. Les marketeurs stylisent par lot tout un ensemble de fonctionnalités avec un seul préréglage pour que chaque image d'une campagne soit cohérente.
Screenshot Studio est une page statique. Lorsque vous déposez une image, elle est décodée en mémoire, dessinée sur un canevas avec l'arrière-plan, l'ombre et le cadre, puis réencodée en PNG ou JPG par votre navigateur. Il n'y a aucun point d'envoi ni rendu côté serveur : vos tableaux de bord confidentiels, vos fonctionnalités non publiées et les données de vos clients ne quittent jamais votre ordinateur. Vos réglages de style sont enregistrés dans localStorage pour que l'outil s'ouvre exactement comme vous l'avez laissé.
Oui. Tous les arrière-plans, cadres, réglages de mise en page, légendes et l'export PNG/JPG 1x sont gratuits, sans inscription. Les exports gratuits portent un petit badge « Screenshot Studio · free » dans le coin. La mise à niveau Pro facultative, en achat unique, le supprime et ajoute les exports 2x/4x, les arrière-plans premium, l'export par lot en ZIP et les préréglages de style enregistrés illimités.
Non. Le mockup est généré avec l'API HTML5 Canvas dans votre navigateur. Votre capture ne quitte jamais votre appareil, rien n'est stocké sur un serveur et l'outil continue de fonctionner hors ligne une fois la page chargée.
Vous pouvez déposer, choisir ou coller des images PNG, JPG/JPEG, WebP, GIF (première image) et BMP. La sortie est en PNG (avec prise en charge de la transparence) ou en JPG qualité 92. Les photos HEIC d'iPhone ne sont pas décodées par les navigateurs : exportez-les d'abord en JPEG.
Oui. La version gratuite ajoute un petit badge « Screenshot Studio · free » dans le coin inférieur droit des exports. Screenshot Studio Pro, en achat unique, supprime le badge de tous les exports, y compris les exports 2x et 4x et les téléchargements ZIP par lot.
Avec Pro, vous pouvez déposer plusieurs captures en même temps ; l'arrière-plan, le cadre, la mise en page et la légende actuels sont appliqués à chaque image et tous les résultats sont téléchargés dans un seul fichier ZIP. La version gratuite stylise une capture à la fois.
Oui. Choisissez la vignette d'arrière-plan « Transparent » et téléchargez en PNG. L'ombre, le cadre et les coins arrondis sont conservés sur un canevas transparent pour que vous puissiez placer le mockup sur n'importe quelle slide, site web ou design. Le JPG ne gère pas la transparence : les exports JPG utilisent donc un arrière-plan blanc.
Déjà acheté ? Saisissez votre clé de licence