# Tailles de bannière Discord : serveur 960 x 540 et profil 680 x 240 [Canonical HTML page](https://gradiently.design/fr/guide/discord-banner-size) Discord a trois bannières, chacune à un endroit et sous une forme différents. L’une se place au-dessus de la liste des salons, une accueille les personnes invitées, une se trouve derrière votre propre nom. Voici comment concevoir les trois. ## The short version - La taille de la bannière de serveur Discord est de 960×540 pixels, une image 16:9 affichée en haut de la liste des salons du serveur. - La taille de la bannière de profil Discord est de 680×240 pixels, affichée derrière votre avatar sur votre carte de profil. - Le fond d’invitation du serveur, parfois appelé écran d’invitation, est une image 16:9 qui se conçoit au mieux en 1920×1080. - Les bannières de serveur et les fonds d’invitation deviennent disponibles à certains niveaux de Boost de serveur, et les bannières de profil personnalisées demandent Discord Nitro. - Chaque bannière est en partie couverte par l’interface de Discord : les détails clés doivent donc se trouver dans les zones dégagées plutôt que sur les bords. La **taille de la bannière Discord** dépend de la bannière dont on parle. Une bannière de serveur mesure 960×540 pixels, une image 16:9 affichée en haut de la liste des salons de votre serveur. Une bannière de profil mesure 680×240 pixels et se place derrière votre avatar sur votre carte de profil. Le fond d’invitation du serveur, montré à ceux qui ouvrent un lien d’invitation, est aussi en 16:9 et rend mieux en 1920×1080. Chacune est en partie couverte par l’interface de Discord : concevez-les comme une atmosphère, en gardant la partie importante dégagée. ## Dimensions des bannières Discord en un coup d’œil | Bannière | Taille | Rapport | Disponible avec | | --- | --- | --- | --- | | Bannière de serveur | 960×540 px | 16:9 | Boost de serveur niveau 2 | | Fond d’invitation | 1920×1080 px | 16:9 | Boost de serveur niveau 1 | | Bannière de profil | 680×240 px | 17:6 | Discord Nitro | Les avantages des niveaux de Boost et de Nitro sont fixés par Discord et changent de temps à autre. Consultez les paramètres du serveur ou de votre profil pour savoir ce qui vous est accessible. - Bannière de serveur 960×540: 960 × 540 - Fond d’invitation 1920×1080: 1920 × 1080 - Bannière de profil 680×240: 680 × 240 Les trois bannières Discord dessinées à l’échelle. La bannière de serveur et le fond d’invitation partagent une forme ; la bannière de profil est une bande courte. Exportez en PNG pour les visuels, le texte et les dégradés, en JPEG pour les photos. Les bannières animées utilisent le GIF et demandent un niveau de Boost plus élevé pour les serveurs ou Nitro pour les profils ; si vous en faites une, gardez un mouvement lent, car la bannière côtoie des personnes qui lisent et écrivent. [GIF ou MP4](https://gradiently.design/fr/guide/gif-vs-mp4) explique pourquoi les GIF demandent un soin particulier pour la couleur. ## Bannière de serveur Discord : 960 x 540 La bannière de serveur se place en haut de la barre latérale des salons, au-dessus de votre liste de salons. La barre latérale est étroite : la bannière s’affiche donc en petit, et le nom du serveur et une flèche de menu se superposent à son bord supérieur. Les membres la voient chaque fois qu’ils ouvrent le serveur, ce qui en fait l’image la plus vue que vous possédez sur Discord. - **Gardez la bande du haut calme.** Les 100 pixels du haut environ portent le nom du serveur en blanc : un haut plus sombre ou plus uni aide à le lire. - **Placez toute image ou tout texte au milieu.** Le recadrage et la mise à l’échelle de la barre latérale font disparaître les détails des bords. - **Évitez le petit texte.** À la taille de la barre latérale, tout ce qui fait moins d’environ 60 pixels de haut dans votre design de 960×540 est illisible. - **Laissez-la se fondre dans la barre latérale.** Une bannière dont le bord inférieur s’assombrit vers le thème sombre de Discord s’intègre à l’interface au lieu de s’y poser. Bannière de serveur Discord de 960 par 540 pour le club de lecture Night Owls, avec le nom centré sur un dégradé sombre Des mots au centre, un haut calme pour le nom du serveur et un pied plus sombre qui rejoint la liste des salons. ## Fond d’invitation Discord Le fond d’invitation remplit l’écran derrière la carte d’invitation quand quelqu’un ouvre votre lien d’invitation dans un navigateur. La carte elle-même se place au centre, avec l’icône de votre serveur, son nom et le bouton Accepter. Le milieu de votre image est donc surtout masqué. Concevez le fond d’invitation comme un cadre plein de couleur ou de texture, avec les détails repoussés vers les bords et les coins, à l’inverse de la plupart des bannières. ### Bannière de serveur - Affichée en petit, dans la barre latérale - Vue chaque jour par les membres - Mots ou image au centre - Bord supérieur couvert par le nom du serveur ### Fond d’invitation - Affiché en grand, en plein écran - Vu une seule fois, par les nouveaux venus - Centre couvert par la carte d’invitation - Détails sur les bords, centre uni - Centre sombre, bords violets: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)` - Centre sombre, bords émeraude: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)` - Centre sombre, bords braise: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)` Des fonds d’invitation calmes au milieu, là où se trouve la carte, et qui rayonnent vers les bords que l’on voit vraiment. ## Bannière de profil Discord : 680 x 240 Avec Nitro, vous pouvez importer une bannière de profil, affichée en haut de votre carte de profil quand quelqu’un clique sur votre nom. Votre avatar rond en recouvre le bas gauche, et la carte est étroite : la bannière fonctionne donc mieux en couleur et en texture, avec les détails à droite. Sans Nitro, vous pouvez quand même choisir une couleur de bannière unie, à accorder à votre avatar. Votre bannière de profil vous suit dans chaque serveur que vous rejoignez : choisissez quelque chose qui convient à tous plutôt qu’à la private joke d’une seule communauté. Bannière de profil Discord de 680 par 240 avec le mot « Lofi » à droite et un espace vide à gauche Un mot à droite, de l’espace libre à gauche pour l’avatar. Bannière de profil Discord de 680 par 240 affichant « Pixel art et patience » sur un dégradé doux Une courte ligne dans une bande calme, bien à l’écart du bas gauche. ## Comment concevoir un ensemble assorti de bannières Discord 1. **Choisissez une seule famille de fonds** Les mêmes couleurs ou la même matière sur la bannière de serveur, le fond d’invitation, l’icône du serveur et les couleurs de rôles. Une communauté qui ressemble à un seul lieu en donne le sentiment. 2. **Concevez d’abord le fond d’invitation** En 1920×1080, c’est le plus grand : il fixe le style. Gardez son centre uni. 3. **Tirez-en la bannière de serveur** Le même fond en 960×540, avec le nom du serveur ou un slogan centré et un bord supérieur calme. 4. **Vérifiez dans les thèmes sombre et clair** La plupart des membres utilisent le mode sombre, mais pas tous. Une bannière dont les bords s’estompent vers un ton moyen convient aux deux ; [design en mode sombre](https://gradiently.design/fr/guide/dark-mode-design) explique pourquoi. 5. **Prévisualisez à la taille réelle** Ouvrez le serveur sur un ordinateur portable et sur un téléphone. Si les mots ne se lisent pas dans la barre latérale, retirez-les ou agrandissez-les. Les communautés de joueurs, les serveurs d’étude et les Discord de créateurs profitent tous de la même idée : le serveur ressemble à la marque à laquelle il appartient. Si votre Discord accompagne un stream ou une chaîne, accordez-le à votre [identité de streamer Twitch](https://gradiently.design/fr/guide/twitch-streamer-branding) ou à votre [habillage de chaîne gaming](https://gradiently.design/fr/guide/gaming-channel-art). Dans Gradiently, un seul Mark vous donne les trois tailles Discord, rendues à neuf pour chaque forme plutôt que rognées, et avec Pro une seule étape adapte un design à toutes les tailles. Les mots posés sur le Mark restent lisibles, car il s’apaise derrière eux. D’autres formats sont dans [tailles d’images des réseaux sociaux](https://gradiently.design/fr/guide/social-media-image-sizes). ## FAQ ### Quelle est la taille d’une bannière de serveur Discord ? 960×540 pixels, une image 16:9. Elle devient disponible au niveau 2 de Boost de serveur. ### Quelle est la taille d’une bannière de profil Discord ? 680×240 pixels. Importer une bannière de profil personnalisée demande Discord Nitro ; sans cela, vous pouvez choisir une couleur de bannière unie. ### Quelle est la taille du fond d’invitation Discord ? C’est une image 16:9, et 1920×1080 pixels donne un résultat net sur les grands écrans. Elle devient disponible au niveau 1 de Boost de serveur. ### Une bannière Discord peut-elle être animée ? Oui, en GIF, mais les bannières de serveur animées demandent un niveau de Boost plus élevé et les bannières de profil animées demandent Nitro.