Menu Fermer

Twitch Graphics Size Guide

Twitch Graphics Size Guide

Are you a stream designer? DIY streamer on a budget? Consider this Twitch Size Guide the bible for creative-types.

We’re going to show you all the best specs for your Twitch graphics. Dimensions, file sizes and formats for the essential designs, including:

  • Profile Picture & Banner
  • Webcam Overlay
  • Twitch Panels
  • Video Player Banner
  • Stream Alerts
  • Emotes & Badges
  • And more

This Twitch Size Guide is designed for both artists and streamers — a quick reference you can keep bookmarked. Everything has been tested and optimized by our team of 50+ Twitch creatives. We used only the latest, up-to-date specs for 2020-2021 and beyond. Et nous continuerons à déployer de nouvelles mises à jour au fil du temps.

Démarrons.

Twitch Profile Picture (Avatar) Size

Démarrons par les bases. Votre image de profil, également appelée avatar, est l’image principale associée à votre chaîne Twitch. Il est probable que ce soit la première impression d’un nouveau spectateur sur la marque de votre stream, alors faites en sorte qu’elle compte.

Et elle apparaît partout. Voici quelques endroits clés où les spectateurs le repéreront :

  • Navigation Twitch et recherche de chaîne
  • Notifications d’alertes par courriel  » Going-Live « 
  • Recherches sur le Web (y compris sur Google)
  • Postages sur Twitter incluant le lien de votre flux

Alors ne soyez pas un plébéien. Faites en sorte que votre dimensionnement soit correct.

Notez que contrairement à la plupart des autres graphiques de streaming, les photos de profil sont carrées – vous devrez utiliser un rapport d’aspect 1:1 (hauteur et largeur égales). Twitch recommande des dimensions minimales de 200 x 200 pixels, avec un maximum de 256 x 256 pixels. Nous vous suggérons d’utiliser 256 x 256, si possible, pour garantir la meilleure qualité d’image possible. Si vous dépassez cette taille, Twitch réduira automatiquement votre image. La taille maximale des fichiers est de 10 Mo, et les types de fichiers acceptés incluent JPEG & PNG.

Dimensions recommandées : 256 x 256 pixels

Taille maximale du fichier : 10MB

Types de fichiers acceptés : JPEG, PNG

Conseils des concepteurs :

Nous vous recommandons d’utiliser ici l’image principale de votre marque, qu’il s’agisse d’un logo de stream kick-butt ou d’une photo de votre grande et belle tasse. Quel que soit votre choix, assurez-vous que le sujet occupe la plus grande partie possible du cadre. En effet, l’image de profil (qui est déjà petite au départ) sera souvent réduite davantage pour s’adapter aux différents appareils, à la navigation Twitch, etc.

Le produit final doit être clair et distinct – les spectateurs doivent pouvoir reconnaître immédiatement votre chaîne à partir de votre image de profil. S’ils doivent plisser les yeux pour distinguer votre image, vous vous y prenez mal.

Twitch Avatar Size

Twitch Profile Banner Size

La hauteur optimale pour votre bannière de profil est de 480px. Tout ce qui est plus grand ou plus petit sera automatiquement mis à l’échelle par Twitch. Évitez cela car cela pourrait réduire la qualité de votre image.

La largeur peut être un peu plus délicate. Techniquement, Twitch recommande une largeur de bannière de 900px, bien que nous suggérons de concevoir plus large pour une meilleure mise à l’échelle sur les grands écrans. Pourquoi cela ?

Eh bien, 900px aura l’air très bien sur les écrans de petite taille et de taille normale. Cela inclut les appareils mobiles, les tablettes et les moniteurs standard. Cependant, sur les écrans plus grands et à haute résolution, comme les téléviseurs ou les moniteurs ultra-large, votre image va être étirée bien au-delà de 900px. Et cela peut provoquer une distorsion importante, vous laissant avec une image de bannière floue et granuleuse.

Pour contrer cela, nous recommandons d’augmenter la largeur à 1200px. Cela permet une meilleure mise à l’échelle sur des écrans plus larges, vous laissant avec une bannière nette et propre à n’importe quelle résolution. Tout ce qui est plus large que 1200px est probablement excessif.

exemple de bannière de profil montrant les meilleures dimensions et la taille du fichier

Veillez à garder votre bannière de profil en dessous de 10 Mo, sinon Twitch compressera votre image. Cela peut provoquer une distorsion de l’image et des artefacts, ce qui est un grand non-non.

Pour ce qui est du format, vous avez le choix entre des fichiers JPEG ou PNG. Une astuce astucieuse consiste à utiliser des PNG transparents, pour contrer le surplomb gênant de l’interface utilisateur dans le coin inférieur droit de votre bannière. Pour la majorité des streamers cependant, les JPEG ou les fichiers PNG non transparents feront parfaitement l’affaire.

Dimensions recommandées 1200 x 480 pixels

Taille maximale du fichier : 10MB

Types de fichiers recommandés : JPEG ou PNG

Twitch Webcam (Overlays) Size

Overlays

Vous avez donc opté pour l’utilisation d’une superposition de webcam en streaming. Nous vous en félicitons. Bientôt, votre beau visage sera visible par des centaines, voire des milliers de téléspectateurs dans le monde entier. Maintenant, n’ayez pas l’air d’un débutant avec une superposition bâclée – mettez du temps & de réflexion dans la conception de votre webcam et vous vous trouverez récompensé.

Il y a deux options de webcam populaires à considérer ici : Les rapports d’aspect 16:9 ou 4:3. En fin de compte, le choix dépendra de la résolution de votre caméra de flux. Si le 16:9 tend à être plus courant, certains streamers préfèrent les cadres de webcam 4:3

En réalité, les webcams sont un peu un drôle de canard du point de vue de la conception. Il est délicat d’épingler des tailles ou des dimensions spécifiques, puisque les streamers recadrent généralement leurs boîtes de Webcam via OBS pour qu’elles correspondent à la taille qu’ils recherchent – ou en créant des formes personnalisées via des masques, etc. L’image finale sera presque toujours réduite et ajustée par chaque streamer pour répondre à ses besoins. Généralement, il n’y a pas deux streamers qui vont dimensionner leur webcam exactement de la même manière – tout est une question de préférence personnelle.

Pour cette raison, recommander une résolution de webcam spécifique est difficile, même si nous suggérons de la rendre aussi grande que possible. Au minimum, commencez avec 1920 x 1080 pixels, de sorte qu’en réduisant l’échelle, vous préservez la qualité du design. Si votre webcam est statique, utilisez un PNG (les JPEG ne sont pas recommandés car ils ne prennent pas en charge la transparence). Pour les images animées, optez pour le GIF.

Dimensions recommandées : 1920 x 1080 pixels

Types de fichiers acceptés : PNG (statique), GIF (animé)

Conseils des concepteurs :

Bien que la webcam puisse sembler simple, il y a BEAUCOUP d’options ici, et de nombreux streamers expérimentent plusieurs types de design jusqu’à ce qu’ils trouvent le bon ajustement. Les webcams peuvent aller de cadres simples et minimalistes, à des superpositions plus complexes comportant des tickers & d’informations sur le streaming, en passant par des designs entièrement animés et dynamiques. Comme toujours, nous vous recommandons de vous en tenir à un design qui correspond à l’image de marque et aux thèmes visuels de votre chaîne.

Vous voudrez également jouer avec le placement à l’écran et le dimensionnement de votre superposition de webcam. Vous jouez à un jeu avec des informations d’interface utilisateur compliquées, comme League of Legends ou World of Warcraft ? Pensez à réduire la taille de votre webcam et à la placer de manière à ce qu’elle ne couvre pas les indicateurs clés du jeu. D’autre part, avec les Battle Royales ou les jeux FPS comme Overwatch qui présentent des IU de jeu plus simples, vous avez plus de marge de manœuvre RE : disposition de la webcam.

Webcams

Twitch Panels Size

La largeur maximale des panneaux est de 320 pixels. Tout ce qui est plus large ou plus étroit et Twitch mettra automatiquement votre image à l’échelle de 320px. Cela peut provoquer une distorsion, rendant votre panneau plus difficile à lire pour les spectateurs.

La hauteur du panneau permet plus de liberté et de créativité. Pour les panneaux traditionnels (c’est-à-dire rectangulaires), nous recommandons une hauteur comprise entre 60 et 100px. C’est généralement le sweet spot pour inclure une seule ligne de texte et une icône à l’intérieur. Ces types de panneaux sont parfaits pour être utilisés comme séparateurs organisationnels et appels à l’action.

Exemple de panneau montrant les dimensions et la taille de fichier idéales
Recommandation de taille pour les panneaux Twitch traditionnels et rectangulaires.

Un deuxième type de panneau plus avancé est le panneau carré ou vertical. Ils sont souvent utilisés à des fins informatives, comme l’affichage des emotes, des règles de la chaîne, des spécifications du PC, des horaires et des sponsors. Pour ces panneaux, nous vous recommandons de tirer parti des limites supérieures des spécifications de hauteur de Twitch, qui peuvent aller jusqu’à 600px!

Pour ce qui est de la taille des fichiers, gardez vos panneaux Twitch en dessous de 2,9 Mo. Tout ce qui est plus grand sera autocompressé, ce qui pourrait donner lieu à une image floue et de faible résolution.

Pour le format, vous voulez absolument utiliser des fichiers PNG transparents. Bien que Twitch accepte techniquement les JPEG, vous vous limiterez sur le plan créatif. La transparence vous permet d’utiliser des panneaux avec des bordures incurvées et des fioritures de conception le long des bords. Cela signifie plus de formes et de styles artistiques originaux, et pas seulement des carrés et des rectangles linéaires. Et c’est (presque) toujours une bonne chose.

Dimensions recommandées : Traditionnel : 320 x 60-100 pixels. Grandes : 320 x < 600 pixels

Taille maximale du fichier : 2,9 Mo

Format de fichier recommandé : PNG transparent

Taille de la bannière de lecteur vidéo Twitch (écrans hors ligne)

Les bannières de lecteur vidéo – souvent appelées  » écrans hors ligne Twitch  » – ont des spécifications de taille relativement simples. Rappelez-vous, la boîte du lecteur vidéo Twitch est de 16:9, donc votre bannière devra correspondre à ce rapport d’aspect. Pour cette raison, la plupart des streamers optent pour des dimensions de 1920 x 1080px. Vous disposez ainsi d’une grande toile haute résolution qui s’affiche toujours bien sur les grands écrans.

exemple d'écran hors ligne montrant les meilleures dimensions et la taille du fichier

Gardez la taille de votre fichier en dessous de 10 Mo, sinon votre image sera auto-compressée par Twitch. Une compression non désirée peut gravement diminuer la qualité de votre image, provoquant une pixellisation et des artefacts.

Nous vous recommandons d’utiliser le format JPEG ou PNG. Si Twitch accepte techniquement les fichiers GIF, il ne prend pas en charge les écrans animés hors ligne. Donc, si vous téléchargez un GIF, il ne montrera que la première image de votre animation. Et c’est mauvais.

Dimensions recommandées : 1920 x 1080 pixels

Taille maximale du fichier : 10MB

Types de fichiers recommandés : JPEG & PNG

Dimension des alerteswitch

Lorsque vous créez vos propres alertes, nous vous recommandons de partir d’un canevas de 800 x 600px. C’est la taille standard d’une source de navigateur OBS ou d’une boîte d’alerte Streamlabs, ce qui laisse beaucoup d’espace pour créer, programmer et mettre en place votre design.

Une fois que vous créez l’alerte, nous vous recommandons d’utiliser une largeur légèrement plus étroite, entre 700 et 750px. Cela vous laisse suffisamment d’espace de respiration et de rembourrage sur les côtés de votre alerte. La hauteur standard des alertes se situe entre 200 et 250 pixels. Nous avons constaté que c’est la hauteur idéale pour la plupart des types d’alertes traditionnelles. Si vous le souhaitez, vous pouvez ajouter un peu plus de hauteur pour les effets d’animation, le remplissage général et les messages textuels. Pour les alertes plus grandes et plus hautes, vous pourriez même augmenter la hauteur jusqu’à 800px.

En réalité, ces dimensions sont davantage des suggestions que des règles infaillibles. Il n’existe pas de taille d’alerte parfaite, car les dimensions exactes varient selon le concepteur et le contexte.

Visuals by impulse stream alert example make your own
Size recommendation for Twitch Alerts

Techniquement, la taille du fichier d’alerte varie en fonction du logiciel OBS que vous utilisez : Streamlabs ou StreamElements. La taille maximale des fichiers est de 10 Mo pour Streamlabs et de 30 Mo pour StreamElements. En réalité, vous devriez toujours essayer de maintenir la taille de vos alertes en dessous de 2-3MB. Maintenir la taille de votre fichier à un niveau bas garantit les meilleures performances sur l’ensemble des logiciels OBS.

Quand il s’agit du format de fichier, vous voudrez probablement quelque chose qui prend en charge la transparence. La transparence permet à vos alertes d’avoir des bordures courbes et des formes non linéaires, par opposition aux simples carrés et rectangles. Elle permet également à votre alerte de se superposer proprement au jeu d’arrière-plan, sans trop obscurcir la vue de votre public.

Les fichiers JPEG ne prennent pas en charge la transparence, donc pour toute alerte statique (unanime), vous voudrez utiliser un PNG transparent. Pour les alertes animées, vous voudrez utiliser le format WEBM puisque ceux-ci supportent la transparence. Évitez les fichiers GIF, car ils ont une compression terrible (importante pour maintenir une taille de fichier faible) et ne prennent en charge que la transparence 1 bit, ce qui n’est jamais idéal.

Dimensions recommandées : 700-750 x 200-250 pixels

Taille de fichier recommandée : 2-3MB

Taille de fichier maximale : 10MB (Streamlabs), 30MB (StreamElements)

Type de fichier recommandé : PNG transparent (statique), WEBM (animé)

Twitch Emotes Size

Badges Emotes

Souvenez-vous la première fois que vous avez vu l’emote Kappa ? Pogchamp ? Probablement perplexe, peut-être un peu curieux. Mais après quelques recherches rapides, vous avez soudain eu l’impression d’avoir été admis dans un club secret. Comme si vous étiez au courant d’une blague interne. Et vous avez immédiatement procédé à spammer votre nouvelle emote dans les chats Twitch loin à la ronde.

C’est le pouvoir de construction de la communauté des emotes. Et vous pouvez exploiter ce pouvoir avec des emotes personnalisées uniques à votre chaîne. Faites en sorte que les gens commencent à lâcher vos emotes dans les chats – non seulement votre flux aura l’air vivant et dynamique, mais de nouveaux spectateurs commenceront à frapper ce bouton Sub juste pour participer à l’action.

À l’heure actuelle, les affiliés Twitch ne peuvent télécharger qu’une seule émote personnalisée sur leur chaîne. CEPENDANT, les affiliés peuvent télécharger deux variations d’emote supplémentaires uniques au niveau d’abonnement – par exemple, les téléspectateurs qui optent pour un abonnement de niveau 2 à 9,99 $ débloquent un design d’emote unique, comme c’est le cas pour les abonnements de niveau 3 à 24,99 $. Une fois que vous êtes devenu partenaire, tous les regards se tournent vers les points d’abonnement, qui s’accumulent au fur et à mesure que les spectateurs s’abonnent à votre chaîne. Lorsque vous atteignez de nouveaux objectifs de points d’abonnement, vous débloquez des emplacements d’émote supplémentaires, ce qui vous permet de télécharger davantage de motifs d’émote sur votre chaîne. Pour connaître la répartition des niveaux, consultez ce post Twitch. Pour le moment, le # maximum d’emotes pouvant être téléchargées sur votre chaîne est de 50.

Vous vous sentez artistique et indépendant ? Vous cherchez à créer vos propres emotes ? Vous voudrez obtenir une taille et un formatage corrects, car toutes les emotes doivent être soumises à Twitch pour examen avant que vous puissiez les utiliser sur votre chaîne. Chaque émote doit être soumise dans les trois tailles suivantes : 28 x 28 pixels, 56 x 56 pixels et 112 x 112 pixels. Veillez donc à enregistrer trois versions différentes. Toutes les emotes doivent être transparentes, vous devrez donc utiliser le format PNG. Oh, et la taille maximale du fichier est de 25KB.

Dimensions recommandées : 112 x 112px, 56 x 56px, & 28 x 28px

Taille maximale du fichier : 25KB

Types de fichiers recommandés : PNG

Conseils des concepteurs :

Pensez à vos emotes préférées. Ce sont tous des designs relativement simples, quand on y pense vraiment. C’est la clé : vos emotes doivent être simples, mais emblématiques de la marque de votre streamer. Nous voyons souvent des streamers faire l’erreur de mettre trop de détails dans leurs emotes. Bien sûr, elles peuvent être superbes en haute résolution, mais une fois que vous les réduisez à la taille minuscule de 28 x 28 pixels (comme elles apparaîtront dans le chat), tous ces détails supplémentaires seront perdus. Le chat se retrouvera à loucher sur votre design flou et chaotique. Feelsbadman.

Donc, restez simple. Utilisez une image bien définie qui peut encore être clairement reconnue en petite taille. Cela inclut le texte – tous les mots ou phrases doivent être grands, car le texte est l’une des premières choses à être perdues lorsque votre emote est réduit.

Taille des émotes

Twitch Badges (Badges d’abonné, Badges de fidélité) Taille

Pensez au Chat de votre streamer préféré. Lorsque vous y roulez en tant qu’Abonné, vous représentez ce badge de canal avec fierté. Vous êtes un vétéran de leur stream et vous avez directement soutenu leur carrière de diffuseur. Fierté, loyauté, épeen… Peu importe comment vous l’appelez, ce même phénomène peut être recréé sur votre chaîne lorsque vous téléchargez des badges d’abonné personnalisés.

Les badges d’abonné Twitch s’affichent automatiquement à côté du nom d’un spectateur abonné dans le Chat, et sont exclusifs à votre chaîne. Les affiliés et partenaires de Twitch ont la possibilité de télécharger des designs personnalisés pour ce  » badge de base « , qui indique que le spectateur est abonné depuis au moins un mois à votre chaîne. Le badge de base par défaut est une étoile… Ne soyez pas ce type de personne. Optez pour un design unique pour votre chaîne Twitch et votre marque – faites-nous confiance, cela sera payant.

Les affiliés et les partenaires ont également la possibilité de télécharger des badges de fidélité, qui sont des badges personnalisés uniques reflétant la durée d’abonnement d’un spectateur à votre chaîne. Par exemple, un abonné de 6 mois à votre chaîne aura un design de badge différent de celui d’un abonné de 3 mois. C’est l’occasion pour vous de récompenser vos abonnés les plus fidèles avec un style exclusif dans le chat – et c’est aussi une incitation pour les téléspectateurs à rester abonnés dans l’espoir de débloquer le niveau suivant de badges. Actuellement, les affiliés peuvent télécharger des badges de fidélité personnalisés pour les abonnés de 3 mois, 6 mois et 1 an (en plus de leur badge de base). Les partenaires débloquent des emplacements supplémentaires pour les spectateurs ayant des Abonnés entre 2 et 8 ans.

Contrairement aux Emotes, les badges ne nécessitent pas d’examen et d’approbation de Twitch – vous pouvez les télécharger sur votre chaîne dès qu’ils sont prêts. Chaque badge doit être téléchargé dans trois tailles : 18 x 18 pixels, 36 x 36 pixels, et 72 x 72 pixels, donc enregistrez trois copies différentes de chaque badge. Tous les badges doivent être des fichiers PNG transparents, avec une taille de fichier maximale de 25KB.

Dimensions recommandées : 72 x 72px, 36 x 36px, & 18 x 18px

Taille maximale des fichiers : 25KB

Types de fichiers recommandés : PNG

Conseils des concepteurs :

Comme nous l’avons évoqué avec les emotes, vos conceptions doivent être claires et simples pour compenser la réduction de taille. Cela est vrai pour les badges d’abonnés, qui font presque la moitié de la taille de votre emote de chat standard. Ce n’est pas pour rien que la plupart des meilleurs badges Twitch ont un design minimaliste et simpliste. Ne compliquez pas trop les choses.

Vous avez un budget serré ou vous manquez de temps ? Optez pour de simples changements de couleur pour vos badges, par opposition à des designs entièrement uniques. Par exemple, Base Sub est un cœur rouge, 3 mois est un cœur vert, 6 mois est un cœur violet, etc. Lorsqu’ils sont bien faits, ils peuvent être aussi efficaces que les designs uniques de badges – bien que la plupart des streamers préfèrent passer à des designs uniques une fois qu’ils ont les ressources ou le temps de le faire.

Taille des badges

Twitch VOD Thumbnail Size

Parfois, tout frappe juuuuste bien en streaming…. Vous êtes dans la zone, les dons & subs roulent, et le chat est en fuego. Une fois que l’écran de fin de streaming a roulé, enregistrez ce mauvais garçon en VOD pour le partager à nouveau avec votre communauté à une date ultérieure. Mais un streamer pro sait que les VOD seules ne garantissent pas les vues – vous voudrez télécharger une image de vignette engageante et créative pour faire cliquer les followers.

Celle-ci est relativement simple – vous n’avez pas besoin de compétences folles en design pour réussir une vignette Twitch épique. Vous voudrez vous en tenir au format standard 16:9, avec des dimensions maximales de 1280 x 720 pixels. Tenez-vous-en à des JPEG ou des PNG, c’est simple comme bonjour.

Dimensions recommandées : 1280 x 720 pixels

Types de fichiers recommandés : JPEG, PNG

Conseils des concepteurs :

Soyez créatifs, les amis ! Ce n’est pas le moment d’utiliser une image générique, par défaut, de votre flux. Pensez aux vignettes que vous voyez généralement sur les chaînes d’autres streamers Twitch, ou sur YouTube – sur quelles vidéos êtes-vous le plus susceptible de cliquer ? Les images avec un point focal clair et agrandi sont les plus efficaces, qu’il s’agisse d’un gros plan de votre belle tasse, d’un moment épique dans le jeu ou d’une création personnalisée. Il suffit de prendre un instantané de votre diffusion, de le recadrer et – si vous avez quelques compétences en design – d’envisager d’ajouter des superpositions de texte ou d’images au produit final pour lui donner un peu plus de piquant.

Ne passez pas trop de temps ici, mais ne le négligez pas non plus. Les VOD peuvent être de puissants générateurs de chaînes, et une vignette kick-butt vaut l’investissement. Il suffit de regarder à quelle fréquence Ninja exécute ses diffusions passées – il y a clairement quelque chose à faire !

Twitch VOD Size

Conclusion

Welp, vous l’avez les amis. Des recommandations de conception et des dimensions de dimensionnement pour tous les graphiques essentiels de Twitch. Maintenant, partez à la conquête du monde de la conception comme un Bob Ross à l’inclinaison exagérée. Le pinceau est entre vos mains et la streamer-sphère est votre toile.

Nous sommes convaincus que vous disposez de tous les outils nécessaires pour passer à l’étape suivante, mais si vous avez besoin d’aide en cours de route, notre équipe de designers de streamers pro est là pour vous prêter main forte. Notre collection de superpositions Twitch gratuites et prémâchées est toujours à votre disposition. Et le jour où vous aurez besoin d’un design de flux personnalisé et sur mesure pour votre chaîne, vous saurez qui appeler.

Rester à l’écoute pour les deux prochaines parties de notre série sur le dimensionnement des flux ! La deuxième partie portera sur les graphiques de flux Mixer essentiels, et la troisième partie abordera les images de médias sociaux les plus importantes pour votre flux.

En attendant, continuez, cool kids.

Love,

VBI

NOTE : Bien que nous préférerions toujours que vous travailliez avec notre équipe de designers, d’animateurs et d’illustrateurs experts, nous reconnaissons également que – comme nous – vous êtes un type créatif. Un innovateur franc-tireur prêt à se salir les mains. Si vous changez d’avis et décidez de confier la conception à des professionnels, VBI vous soutiendra. Magasinez nos designs de flux disponibles, parcourez notre collection de graphiques de flux gratuits, ou donnez un coup de fouet à votre carrière avec un design Twitch personnalisé.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *