# Visuels de lancement d’appli : annoncez-la partout

[Canonical HTML page](https://gradiently.design/fr/guide/mobile-app-launch-graphics)

Le jour du lancement est le seul jour où votre appli est montrée partout à la fois, à des gens qui décident en une seconde s’ils touchent. Voici le kit complet de visuels, les formats et l’ordre pour les créer.

## The short version

- Les visuels de lancement d’appli marchent mieux en un kit tiré d’un seul design : posts de lancement, image Open Graph, en-têtes de profil et images de galerie.
- L’image Open Graph qui s’affiche quand votre lien est partagé fait 1200×630 pixels, et l’en-tête X fait 1500×500.
- Les posts de lancement doivent nommer l’appli, dire en une phrase ce qu’elle fait et indiquer où l’obtenir.
- Mettez à jour l’aperçu de lien, les en-têtes et l’image principale du site avant de publier quoi que ce soit, pour que chaque lien partagé le jour J soit déjà au point.
- Un fond constant sur tous les visuels de lancement aide à reconnaître la même appli dans des fils différents.

De bons **visuels de lancement d’appli** sont un seul design en plusieurs formes : un post d’annonce pour chaque réseau, un aperçu de lien 1200×630 qui s’affiche à chaque partage de votre URL, des en-têtes de profil neufs et un court jeu d’images de galerie pour les sites de lancement comme Product Hunt. Créez-les ensemble, à partir d’un style et d’une phrase, et le jour J se lit comme un seul événement plutôt qu’une course de captures d’écran dépareillées.

## Commencez par une phrase et un style

Avant tout visuel, écrivez la phrase qui dit ce que l’appli fait pour qui, en moins de dix mots. « Partagez le loyer entre colocs sans la discussion gênante » fonctionne. « L’avenir des finances partagées » non, car personne ne peut se l’imaginer. Cette phrase va sur chaque visuel, inchangée : le message se répète pendant que la forme change. [Écrire le texte des visuels](https://gradiently.design/fr/guide/writing-copy-for-visuals) en dit plus sur l’art de couper une ligne.

Fixez ensuite le style : les couleurs de l’icône de l’appli deviennent un fond, la police de l’appli devient le titre. Un fond distinctif compte plus qu’on ne le croit, car les mêmes captures d’interfaces blanches apparaissent à chaque jour de lancement. [Les visuels du jour de lancement](https://gradiently.design/fr/guide/launch-day-graphics) traitent cela pour tout type de produit.

- De la nuit au signal: `linear-gradient(145deg, #0b1026 0%, #2b2f8f 50%, #6ee7f9 100%)`
- Braise: `radial-gradient(circle at 70% 30%, #ffd9a8 0%, #ff7a59 40%, #4a1532 100%)`
- Menthe profonde: `linear-gradient(200deg, #e8fff4 0%, #7be0b3 45%, #0f5b4a 100%)`

Trois fonds de lancement tirés de couleurs d’icônes d’appli typiques. Choisissez celui qui se rapproche le plus de votre icône et gardez-le pour tout le kit.

## Le kit de visuels de lancement d’appli, avec formats

| Visuel | Format | Ce qu’il contient |
| --- | --- | --- |
| Aperçu de lien Open Graph | 1200×630 px | Nom de l’appli, la phrase, l’icône |
| En-tête X | 1500×500 px | La phrase et « Disponible » |
| Post de lancement X ou Bluesky | 1600×900 px | Écran principal ou la phrase |
| Post LinkedIn | 1200×1200 px | La phrase, un mot du créateur |
| Post Instagram | 1080×1350 px | Icône, nom, la phrase |
| Story | 1080×1920 px | « Disponible » et où l’obtenir |
| Image principale du site | 1920×1080 px | La phrase et les boutons des stores |
| En-tête d’e-mail | 1200×600 px | Le nom et « Maintenant disponible » |

Le kit de base. Les captures de l’App Store et de Google Play ont leurs propres formats obligatoires, indiqués dans l’aide développeur d’Apple et de Google. Product Hunt affiche ses exigences actuelles de miniature et de galerie dans le formulaire de soumission ; créez-les en paysage à partir du même modèle maître.

- Aperçu de lien: 1200 × 630
- En-tête X: 1500 × 500
- Post X 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920

De l’en-tête long et fin à la story haute, à l’échelle. Les mots doivent être disposés autrement pour chacun, d’où l’inutilité d’étirer une seule image.

## Pourquoi l’image d’aperçu de lien compte le plus

Le jour J, votre URL est collée dans des discussions, des posts, des forums et des newsletters que vous ne verrez jamais. Chacun affiche votre **image Open Graph** : c’est discrètement le visuel de lancement le plus vu. Faites-la en 1200×630, placez le nom de l’appli et la phrase au milieu, gardez le texte loin des bords, car certaines applis recadrent en carré, et vérifiez-la avec un débogueur de partage avant le lancement. [La taille d’une image Open Graph](https://gradiently.design/fr/guide/open-graph-image-size) donne les recadrages ; [les balises Open Graph](https://gradiently.design/fr/guide/open-graph-tags) donnent le balisage.

```html
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

Les balises qui contrôlent un aperçu de lien. Utilisez une URL https absolue pour l’image, et changez le nom du fichier quand vous la mettez à jour, pour que les plateformes récupèrent la nouvelle.

## Comment concevoir un post de lancement d’appli

Un post de lancement rivalise avec tout le reste du fil : il doit se lire d’un coup d’œil. Ouvrez avec la phrase, pas avec le logo. Montrez un écran, pas cinq. Dites où obtenir l’appli. Sur X et Bluesky, un fil de discussion marche bien : le visuel d’abord, puis une courte vidéo, puis l’histoire du créateur.

Un post de lancement en paysage pour une appli de partage de loyer avec la description en une ligne en grandes lettres

Le post X et Bluesky en 1600×900 : la phrase porte le post.

Une story verticale indiquant Disponible pour l’appli Rentwise sur le dégradé assorti

La story : deux mots et où aller, sur le même fond.

### À éviter

- Une grille de six captures de téléphone
- « Révolutionner » quoi que ce soit
- Une nouvelle palette juste pour le lancement
- Du texte sur les bords de l’image d’aperçu

### À faire

- Un écran qui montre le moment principal
- La phrase simple de ce qu’elle fait
- Les couleurs de l’icône, partout
- Des mots centrés, avec de généreuses marges

De courtes captures vidéo conviennent bien aux applis, car elles montrent le moment principal en mouvement : le geste, le résultat. Gardez-les sous vingt secondes, mettez la phrase sur la première image et ajoutez des sous-titres, car beaucoup de gens font défiler sans le son. [La vidéo de démo produit](https://gradiently.design/fr/guide/product-demo-video) couvre le rythme et le cadrage.

## Dans quel ordre créer les visuels de lancement d’appli

1. **Une semaine avant : le design maître** Phrase, icône, fond, police sur un cadre paysage. Tout le reste en découle.
2. **Une semaine avant : un post « bientôt disponible »** Annoncez la date et un lien de liste d’attente. [Le post « bientôt disponible »](https://gradiently.design/fr/guide/coming-soon-post) propose des mises en page.
3. **Deux jours avant : aperçus et en-têtes** Livrez tôt l’image Open Graph, l’en-tête X et l’image principale du site pour que les liens partagés le jour J soient au point.
4. **La veille : tous les posts de lancement** Exportez tous les formats et rédigez d’avance les légendes de chaque réseau.
5. **Jour J : publier, répondre, recommencer** Passez la journée à répondre aux gens, pas à créer des visuels.
6. **Une semaine après : un remerciement** Un post d’étape ou de remerciement dans le même style clôt le lancement.

Gradiently convient bien à ce travail. Créez le design maître une fois sur un Mark, puis, avec Pro, redimensionnez-le dans tous les formats du kit en une étape ; le Mark garde la phrase lisible sur chaque forme en plaçant sa zone la plus calme derrière les mots. Si vous préparez déjà le lancement dans ChatGPT ou Claude, Gradiently peut se connecter aux deux, pour que l’assistant rédige le kit sous forme de designs qui s’ouvrent dans le Studio. [Les visuels de lancement pour indie hackers](https://gradiently.design/fr/guide/indie-hacker-launch-graphics) couvrent le même kit pour les produits web.

## FAQ

### De quels visuels ai-je besoin pour lancer une appli ?

Un aperçu de lien 1200×630, un en-tête X mis à jour en 1500×500, des posts de lancement pour chaque réseau utilisé, une story, une image principale de site et des images de galerie pour tout site de lancement. Créez-les tous à partir d’un design maître.

### Quelle est la taille d’une image de galerie Product Hunt ?

Product Hunt indique ses exigences actuelles de miniature et de galerie dans le formulaire de soumission. Créez-les en paysage à partir du même modèle maître que vos autres visuels de lancement pour garder un style constant.

### Que doit dire un post de lancement d’appli ?

Le nom de l’appli, une phrase sur ce qu’elle fait pour qui, et où l’obtenir. Gardez tout le reste pour la légende ou un fil de discussion.

### Quand mettre à jour mon image d’aperçu de lien ?

Un jour ou deux avant le lancement, avec un nouveau nom de fichier, puis testez-la dans un débogueur de partage. Les plateformes mettent les aperçus en cache : un changement tardif peut ne pas apparaître le jour J.