Aller au contenu principal
ToolsByUs

Redimensionner une bannière Discord

Discord utilise deux bannières différentes : 680 par 240 en 17:6 pour un profil et 960 par 540 en 16:9 pour un serveur. Recadrez une fois ici et les deux sont exportées ensemble, avec le cercle de l’avatar et le bloc du nom dessinés sur l’aperçu ainsi rien d’important ne se retrouvera caché derrière.

100 % local

Déposez un PNG, JPG, WebP ou GIF

ou n’importe où sur la page · Choisir un fichier · 100 Mo

Acceptés : PNG, JPG, JPEG, WebP, GIF, AVIF

Redimensionner une bannière Discord en clair

Presque tous les problèmes de « bannière Discord » viennent de la même erreur : il en existe deux. La bannière de profil derrière votre avatar fait 680 par 240, un format 17:6 en largeur. La bannière de serveau au-dessus de la liste des canaux fait 960 par 540, le format 16:9 ordinaire. Elles se ressemblent dans un fichier de design et se comportent complètement une fois envoyées.

Discord n’interdit pas une bannière de forme incorrecte. Il la recadre au centre, silencieusement, ce qui est pire — une image 16:9 placée dans l’emplacement de profil perd environ un tiers de sa hauteur en haut et en bas, et la partie qu’il prend est celle qui se trouvait au centre. Une œuvre avec un logo près d’un bord revient avec le logo coupé en deux.

Cette page contient les deux cadres et exporte les deux à partir d’un seul recadrage, et elle dessine ce que Discord met par-dessus : la photo de profil circulaire qui chevauche le coin inférieur gauche, et le bloc du nom d’utilisateur à côté. Ce qui subsiste sur un profil réel n’est pas ce qui subsiste dans un fichier de design, et la différence est la partie qui vaut la peine d’être vue avant d’envoyer.

Si la taille dont vous avez besoin est votre propre taille plutôt qu’une taille de Discord, l’outil général de recadrage d’image vous permet de saisir n’importe quel rectangle en pixels.

Formatter une art pour plusieurs endroits à la fois est courant, et les autres redimensionneurs de plateformes contient les mêmes cadres exacts pour Twitch, Roblox, Etsy et les autres.

Les deux tailles de bannière, et où chacune apparaît

Les deux cadres sont utilisés à différents endroits et l’un ne remplace pas l’autre. Exportez les deux et gardez-les ; un serveau que vous gérez et un profil que vous posséder auront tous les deux besoin de l’un ou l’autre un jour.

BannièreTailleRatioOù elle apparaît
Bannière de profil680 × 24017:6Derrière votre avatar sur votre propre carte de profil
Bannière de serveur960 × 54016:9Au-dessus de la liste des canaux, pour les serveurs boostés
Image d’invitation de serveur1920 × 108016:9Derrière un aperçu de lien d’invitation

Ce qui se trouve par-dessus une bannière de profil

Une bannière de profil n’est jamais vue en entier. L’avatar circulaire chevauche son coin inférieur gauche et le nom d’utilisateur, le tag et les badges se trouvent immédiatement à droite de ce cercle — ensemble, ils couvrent la plupart du tiers inférieur gauche.

L’aperçu ci-dessus dessine les deux. La règle pratique qui en résulte : ne mettez rien que vous deviez lire dans le tiers inférieur gauche. Les visages, logos et textes appartiennent au tiers supérieur droit, et un arrière-plan qui se lit comme une texture plutôt que comme une composition survit le mieux au recouvrement.

  • Le cercle de l’avatar chevauche le coin inférieur gauche de la bannière et est masqué en cercle, donc le détail du coin est perdu deux fois.
  • Le bloc du nom d’utilisateur s’étend vers la droite à partir de l’avatar, à travers à peu près le milieu de la moitié inférieure.
  • Les badges et les points de statut se trouvent à l’intérieur et autour du cercle, donc le détail fin directement derrière lui disparaît entièrement.

Pourquoi une image 16:9 ne survit jamais au recadrage 17:6

17:6 est 2.5 à 1 ; 16:9 est environ 1.78 à 1. Le cadre de profil est nettement plus large pour sa hauteur, donc adapter une image 16:9 dedans signifie jeter le haut et le bas — environ 29% de la hauteur — ou remplir les côtés et perdre l’aspect pleine page entièrement.

Aucun des deux résultats n’est faux, mais le choix doit être le vôtre. Remplir le cadre et vous permet de choisir ce qui reste centré ; Ajuster l’image complète remplit avec une couleur d’arrière-plan et garde chaque pixel. Un outil qui n’offre que le premier décide à votre place.

Format et taille de fichier

PNG pour une œuvre avec des couleurs plates, des bords nets ou du texte, là où l’anneau du JPEG se montre autour de chaque lettre. JPEG pour une bannière photographique, où il est dramatiquement plus petit à la même qualité visible. WebP est accepté et encore plus petit, bien qu’un PNG ou JPEG soit la chose plus sûre à donner à quiconque pourrait le renvoyer plus tard.

Les bannières animées sont une fonctionnalité Nitro et nécessitent un GIF, que cet outil ne produit pas — il formate les images fixes. Ce qu’il fera est de préparer la taille exacte de cadre dont un animateur a besoin pour commencer.

Questions fréquentes

Quelle est la taille d’une bannière de profil Discord ?

680 par 240 pixels, un ratio de 17:6. C’est la taille à laquelle Discord l’affiche sur une carte de profil, et toute image d’une forme différente est recadrée au centre pour s’adapter plutôt que refusée. Les envois plus grands avec le même ratio de 17:6 sont réduits proprement, donc 1360 par 480 est une source raisonnable si vous voulez une marge de manœuvre.

Pourquoi Discord recadre-t-il ma bannière ?

Parce que l’image que vous lui avez donnée n’est pas le ratio que l’emplacement attend. Discord remplit le cadre plutôt que de faire des bandes noires, donc il prend le milieu de votre image et jette le reste — haut et bas pour une image trop haute, gauche et droite pour une image trop large. Recarder intentionnellement ici signifie que vous choisissez la partie qu’il garde.

La bannière de serveur est-elle la même image que la bannière de profil ?

Non, et réutiliser l’une pour l’autre est l’erreur la plus courante. Une bannière de serveur fait 960 par 540 en 16:9 et apparaît au-dessus de la liste des canaux ; une bannière de profil fait 680 par 240 en 17:6 et apparaît derrière votre avatar. Exportez les deux depuis cette page et gardez-les comme des fichiers séparés.

Mon avatar va-t-il couvrir une partie de l’œuvre ?

Oui. La photo de profil circulaire chevauche le coin inférieur gauche et le bloc du nom d’utilisateur s’étend à sa droite. Les deux sont dessinés sur l’aperçu ci-dessus pour que vous puissiez voir le recouvrement pendant le recadrage au lieu de le découvrir après. Gardez tout ce qui doit être lu hors du tiers inférieur gauche.

L’image est-elle envoyée quelque part pour être redimensionnée ?

Non. Le décodage, le recadrage, le redimensionnement et le codage se produisent tous à l’intérieur de cet onglet de navigateur, et vous pouvez le vérifier : ouvrez DevTools, passez au panneau Réseau et exportez — rien ne transportant votre fichier n’apparaît. La Content-Security-Policy de la page bloquerait une demande sortante de toute façon.

Puis-je créer une bannière Discord animée ici ?

Pas ici. Une bannière animée a besoin d’un GIF et est une fonctionnalité Nitro ; cet outil formate les images fixes en PNG, JPEG ou WebP. Il est toujours utile comme première étape — exportez le cadre exact à 680 par 240 ou 960 par 540 et animez à partir de là, ainsi les dimensions sont correctes avant que le travail sur le mouvement ne commence.

Équipe ToolsByUs · Comment nous vérifions nos outils