📺 Calculateur taille écran idéal
Distance recommandée selon la taille et résolution. Pour 4K, on peut s'asseoir 2× plus près qu'en HD.
Pour mettre un overlay sur Twitch, on ne passe pas par le site Twitch : l’overlay s’ajoute dans votre logiciel de diffusion, le plus souvent OBS Studio. Dans OBS, cliquez sur le bouton + sous Sources, choisissez Image pour un overlay PNG ou Source média pour un overlay animé en WebM, sélectionnez le fichier, puis placez la source au-dessus de votre capture de jeu. Votre scène et votre overlay doivent avoir la même taille, en général 1920 x 1080. Les alertes (follow, sub, raid) s’ajoutent ensuite comme source Navigateur. Tout ce que vous composez dans OBS est envoyé tel quel à Twitch : vos spectateurs voient l’overlay dès le prochain live.
Ce qu’il vous faut avant de commencer
| Élément | À quoi il sert | Format |
|---|---|---|
| OBS Studio (ou Streamlabs Desktop) | Logiciel qui compose la scène et l’envoie à Twitch | Gratuit, Windows, macOS, Linux |
| Un overlay de jeu | Cadre, bandeaux, emplacement webcam | PNG transparent ou WebM animé |
| Écrans de scène | Démarrage, pause, fin de live | PNG, WebM ou MP4 |
| Alertes | Animations de follow, sub, raid | URL StreamElements ou Streamlabs |
| Clé de stream Twitch | Relie OBS à votre chaîne | Tableau de bord créateur > Paramètres > Stream |
Si vous n’avez pas encore d’overlay, notre boutique propose des overlays gratuits et des packs premium déjà découpés pour OBS. Pour le choix du logiciel, voyez notre comparatif Streamlabs ou OBS.
Mettre un overlay sur Twitch avec OBS Studio, étape par étape
- Vérifiez la taille de la scène : Paramètres > Vidéo > Résolution de base (canevas). 1920 x 1080 est le réglage le plus courant.
- Créez une scène : sous Scènes, cliquez sur + et nommez-la, par exemple « En jeu ».
- Ajoutez votre jeu : sous Sources, + > Capture de jeu (ou Capture d’écran). Elle doit rester tout en bas de la liste.
- Ajoutez l’overlay : + > Image pour un PNG, ou + > Source média pour un WebM animé. Cochez « Boucle » pour un overlay animé.
- Calez-le : clic droit sur la source > Transformer > Adapter à l’écran (raccourci Ctrl + F).
- Ajoutez la webcam : + > Périphérique de capture vidéo, puis placez-la dans l’emplacement prévu par l’overlay.
- Ajoutez les alertes : + > Navigateur, collez l’URL de votre service d’alertes, largeur 1920 et hauteur 1080.
- Reliez OBS à Twitch : Paramètres > Stream, service Twitch, puis « Connecter le compte » ou collez votre clé de stream.
Faites un test avec le bouton « Démarrer l’enregistrement » avant le premier live : vous verrez exactement ce que verront vos spectateurs.
Overlay image, overlay animé, alertes : quelle source choisir dans OBS ?
| Type d’overlay | Source OBS | Réglage clé |
|---|---|---|
| Overlay statique PNG | Image | Le PNG doit avoir un fond transparent |
| Overlay animé WebM | Source média | Cocher « Boucle » ; le WebM garde la transparence |
| Overlay animé MP4 | Source média | Pas de transparence : réservé aux écrans plein cadre |
| Alertes, chat, compteurs | Navigateur | Coller l’URL fournie par le service |
| Transition entre scènes | Transition Stinger | Fichier WebM, point de transition en millisecondes |
Un overlay animé gratuit au format WebM s’installe exactement comme un PNG, avec une Source média à la place de l’Image : vous en trouverez dans notre rayon overlays animés gratuits. Pour les transitions, suivez notre guide de la transition OBS gratuite.
L’ordre des sources : pourquoi l’overlay cache votre caméra
OBS empile les sources : celle du haut de la liste passe devant les autres. Le bon ordre, de haut en bas :
- Alertes (Navigateur)
- Webcam
- Overlay (Image ou Source média)
- Capture de jeu
Si votre overlay recouvre le jeu entièrement, c’est que le fichier n’a pas de transparence (JPEG ou MP4) ou qu’il est placé sous la capture. Si la webcam disparaît, remontez-la au-dessus de l’overlay.
Créer et personnaliser son propre overlay Twitch
Un overlay, ou superposition graphique, est un ensemble d’éléments graphiques posés par-dessus votre stream : cadre de webcam, bandeau avec vos réseaux sociaux, emplacement pour le chat, logo, écrans de début et de fin. Trois façons de l’obtenir :
| Méthode | Outils | Pour qui |
|---|---|---|
| Partir d’un modèle en ligne | Canva (modèles « overlay Twitch »), Adobe Express | Débutant, aucun logiciel à installer |
| Le dessiner soi-même | Adobe Photoshop, Photopea (gratuit, dans le navigateur), GIMP | Streamer à l’aise avec la conception graphique |
| Choisir un pack prêt à l’emploi | Notre boutique d’overlays, Nerd or Die, OWN3D, thèmes StreamElements | Ceux qui veulent un rendu professionnel tout de suite |
Pour créer un overlay Twitch qui tient la route, quelques règles simples :
- Travaillez au format de la scène : un plan de travail de 1920 x 1080 pixels, exporté en format PNG avec fond transparent.
- Gardez une identité visuelle cohérente : deux ou trois couleurs, une police, le même logo sur l’overlay, la bannière et les panneaux de la chaîne.
- Laissez de la place au jeu : les éléments graphiques se placent sur les bords, le centre de l’écran reste libre pour le contenu principal.
- Prévoyez une version par scène : en jeu, discussion (« Just Chatting »), pause, début et fin de live.
Pour personnaliser un overlay Twitch téléchargé, ouvrez le fichier PNG dans Photopea ou Photoshop : vous pouvez changer le texte, les couleurs ou ajouter votre logo avant de l’importer dans OBS. Un overlay animé, lui, se modifie plus difficilement (il faut un logiciel de montage vidéo) : choisissez-le directement dans la bonne couleur. Notre guide pour créer son overlay Twitch gratuit en ligne détaille les outils pas à pas.
Taille et format de l’overlay Twitch
Un overlay se conçoit à la taille du canevas OBS, pas à celle du lecteur Twitch. En 1080p, prévoyez 1920 x 1080 pixels ; en 720p, 1280 x 720. Twitch réduit ensuite l’image pour chaque spectateur selon sa qualité de lecture. Les détails par élément (bannière, panneaux, emotes, webcam) sont dans notre guide de la taille d’un overlay Twitch.
Avec Streamlabs Desktop ou Twitch Studio
Streamlabs Desktop reprend la logique d’OBS : sous Sources, + > Image ou Média, puis le même ordre d’empilement. Il propose aussi des thèmes intégrés à installer en un clic. Le principe ne change pas : l’overlay vit dans le logiciel, Twitch reçoit l’image composée.
Mettre un overlay en streamant depuis une console (PS5, PS4, Xbox, Switch)
La diffusion intégrée des consoles envoie directement l’image du jeu à Twitch, sans possibilité d’ajouter un overlay. Pour habiller un live console, il faut une carte d’acquisition (capture card) : la console se branche dessus en HDMI, la carte se branche au PC, et OBS récupère l’image comme source « Périphérique de capture vidéo ». Vous ajoutez ensuite l’overlay au-dessus, comme pour un jeu PC. La Switch n’ayant pas de diffusion Twitch intégrée, la carte d’acquisition est de toute façon obligatoire.
Le chat peut lui aussi s’incruster dans l’overlay grâce à une source Navigateur. À l’inverse, si vous ne voulez plus le voir à l’écran, nos 3 méthodes pour enlever le chat sur Twitch couvrent aussi bien le spectateur que le streamer.
Les erreurs les plus fréquentes
| Problème | Cause | Correction |
|---|---|---|
| Overlay flou | Fichier plus petit que la scène, agrandi | Utiliser un fichier à la taille du canevas |
| Fond noir autour de l’overlay animé | Fichier MP4 sans transparence | Utiliser la version WebM |
| Overlay animé figé | « Boucle » non cochée | Cocher Boucle dans la Source média |
| Alertes invisibles | Source Navigateur sous l’overlay ou URL expirée | Remonter la source, recopier l’URL |
| Overlay absent sur Twitch mais visible dans OBS | Source ajoutée à une autre scène | Vérifier la scène active au moment du live |
Une fois l’overlay en place, soignez vos alertes : nos conseils de design et de sons d’alertes sub, follow et raid vous aideront à les rendre lisibles sans cacher le jeu.
Pour aller plus loin
Questions fréquentes.
Comment mettre un overlay sur Twitch ?
Un overlay ne s'installe pas sur le site Twitch : il s'ajoute dans votre logiciel de diffusion. Dans OBS Studio, cliquez sur + sous Sources, choisissez Image pour un PNG ou Source média pour un overlay animé WebM, sélectionnez le fichier, puis placez la source au-dessus de votre capture de jeu.
Quelle taille doit faire un overlay Twitch ?
La même que votre scène OBS, le plus souvent 1920 x 1080 pixels (1080p). Si votre résolution de base est 1280 x 720, utilisez un overlay en 720p ou faites clic droit > Transformer > Adapter à l'écran.
Pourquoi mon overlay cache-t-il ma caméra ou mon jeu ?
Dans OBS, la source la plus haute dans la liste s'affiche devant les autres. Placez la capture de jeu tout en bas, l'overlay au-dessus, puis la webcam et les alertes en haut. Vérifiez aussi que votre fichier est un PNG ou un WebM avec transparence.
Peut-on mettre un overlay en streamant depuis une PS5 ou une Xbox ?
Pas avec la diffusion intégrée de la console. Pour un overlay, il faut faire passer l'image de la console par une carte d'acquisition branchée à un PC, puis diffuser depuis OBS où vous ajoutez l'overlay.
Comment ajouter les alertes de follow et de sub à l'overlay ?
Les alertes viennent d'un service comme StreamElements ou Streamlabs : vous y réglez l'alerte, copiez son URL, puis l'ajoutez dans OBS comme source Navigateur, au-dessus de l'overlay.
Commentaires
Chargement…