Guides

Dimensions des images

Toutes les images du site se téléversent en PNG, JPEG, GIF ou WebP, 5 Mo maximum. Le site recadre au centre pour remplir la zone : une image aux bonnes proportions n'est pas coupée. Voici la taille à créer pour chacune.

Tableau des dimensions

Bannière du profil

C'est l'image tout en haut de ta page, derrière ton nom. Elle est affichée sur toute la largeur de la carte (jusqu'à environ 1150 px) et sur 230 px de haut, puis elle se fond vers le bas. Crée-la en 1500 × 300 px.

• Garde le sujet important dans la moitié du haut : le bas disparaît dans le fondu et passe sous ton avatar et ton nom.
• Sur téléphone, seul le centre est visible : évite le texte près des bords gauche et droit.
• Sans bannière téléversée, la page utilise l'illustration du champion choisi dans ta fiche joueur.

Logo d'équipe et icône d'organisation

Un carré de 256 × 256 px. Il est affiché en petit (de 24 à 88 px) avec des coins arrondis : choisis un dessin simple, lisible en miniature. Le fond transparent (PNG ou WebP) fonctionne bien. Sans logo, le site affiche le tag de l'équipe ou de l'organisation à la place.

Grande bannière d'équipe ou d'organisation

C'est le grand en-tête de la page de l'équipe, là où son nom est écrit en gros. La zone fait jusqu'à 1140 px de large et environ 240 à 300 px de haut selon le texte. Crée l'image en 1500 × 400 px.

• Le nom, le tag et les boutons sont écrits à gauche, et le site assombrit cette partie pour qu'ils restent lisibles. Place ton visuel ou ton message plutôt au centre droit.
• Un dégradé ou une texture fonctionne très bien. Si tu écris un message dans l'image, garde-le dans la moitié droite et loin des bords.

Petite bannière d'équipe

C'est la bande derrière le nom de l'équipe dans les listes : sous « Équipes de l'organisation » sur les profils, sur la page de l'organisation et dans la liste de toutes les équipes. Selon l'endroit, la bande fait de 300 à 1100 px de large et de 45 à 65 px de haut. Crée-la en 1200 × 120 px.

• Le tag et le nom de l'équipe sont écrits par-dessus, à gauche, sur une partie assombrie.
• Dans les endroits étroits, seul le centre de l'image est visible : un dégradé, un motif ou un petit logo centré rend mieux qu'une phrase, qui serait coupée.

La règle d'or : pas de mots dans les images

Le site écrit déjà par-dessus presque toutes les images : nom, tag, rang, boutons. Des mots dans l'image se retrouvent donc coupés ou cachés, et rendent tout illisible. Trois règles suffisent :

• Aucun texte dans l'avatar, le logo, la bannière du profil, l'arrière-plan, la petite bannière d'équipe et la bannière d'organisation.
• Un seul endroit permis pour un message : le bas à droite de la grande bannière d'équipe. La moitié gauche doit rester sombre et vide.
• Un dégradé de deux couleurs ou une texture donne presque toujours le meilleur résultat, surtout pour les bandes étroites.

Consignes et prompts à copier

Voici, pour chaque image, les consignes et un prompt à coller dans un générateur d'images. Remplace seulement ce qui est [ENTRE CROCHETS] : le thème ou le symbole, et tes deux couleurs. Garde le reste tel quel, c'est ce qui fait que l'image s'affiche bien. Demande ensuite au générateur la taille indiquée, ou recadre l'image à cette taille. Les mêmes prompts sont proposés sous chaque zone de téléversement, avec un bouton pour les copier.

Avatar du profil — 512 × 512 px

• Sujet centré : l'image est affichée dans un cercle, les coins sont coupés.
• Aucun texte : il serait illisible en petit.
• Contours nets et couleurs franches, lisible à 40 px.

Avatar carré (format 1:1) pour un profil de joueur. [SUJET : ex. un renard avec un casque audio], style [STYLE : ex. illustration cartoon, néon, réaliste], couleurs dominantes [COULEUR 1] et [COULEUR 2]. Sujet centré qui remplit le cadre, visage bien visible, contours nets, fond simple et sombre. Aucun texte, aucune lettre, aucun cadre.

Bannière du profil — 1500 × 300 px

• Aucun texte : ton nom et ton rang sont écrits par-dessus.
• Sujet dans la moitié du haut : le bas se fond dans le noir et passe sous ton avatar.
• Rien d'important près des bords gauche et droit (coupés sur téléphone).

Bannière horizontale très large (format 5:1). [THÈME : ex. ville cyberpunk la nuit, forêt enchantée, champ de bataille]. Couleurs dominantes [COULEUR 1] et [COULEUR 2]. Élément principal placé dans la moitié supérieure et au centre. Moitié inférieure sombre et peu détaillée. Éclairage dramatique, haute qualité. Aucun texte, aucune lettre, aucun logo.

Arrière-plan du profil — 1920 × 1080 px

• Aucun texte : toute la page est affichée par-dessus.
• Image sombre et peu chargée au centre, pour que le contenu reste lisible.
• Les détails intéressants vont sur les côtés.

Fond d'écran paysage (format 16:9), ambiance sombre. [THÈME : ex. nébuleuse violette, temple en ruine, néons sous la pluie]. Couleurs dominantes [COULEUR 1] et [COULEUR 2]. Centre de l'image sombre et peu détaillé, détails sur les côtés gauche et droit. Aucun personnage au centre. Aucun texte, aucune lettre, aucun logo.

Logo d'équipe ou icône d'organisation — 256 × 256 px

• Un seul symbole, centré, qui remplit le cadre : il est affiché entre 24 et 88 px.
• Pas de nom complet. Au maximum 2 ou 3 lettres très grosses (le tag).
• Fond transparent (PNG ou WebP) ou uni et sombre.

Logo carré (format 1:1) pour une équipe e-sport. [SYMBOLE : ex. un loup qui hurle, un crâne, une couronne]. Style emblème e-sport vectoriel, traits épais, couleurs [COULEUR 1] et [COULEUR 2]. Symbole centré qui remplit le cadre, lisible en très petit, fond transparent. Aucun texte, aucune lettre.

Grande bannière d'équipe ou d'organisation — 1500 × 400 px

• Moitié gauche sombre et vide : le site y écrit le nom, le tag et les boutons.
• Le visuel va dans la moitié droite. Un message, s'il y en a un, va en bas à droite seulement.
• Pour une organisation : aucun mot du tout, car cette bannière sert aussi de petit fond derrière son nom sur les profils.

Bannière horizontale large (format 15:4) pour une équipe e-sport. [THÈME : ex. néon cyberpunk, glace et acier, flammes]. Dégradé de [COULEUR 1] à gauche vers [COULEUR 2] à droite. Moitié gauche sombre, unie et vide. Élément visuel principal [SYMBOLE OU MASCOTTE] placé dans le tiers droit. Éclairage dramatique, haute qualité. Aucun texte, aucune lettre, aucun logo.

Fond de la page d'équipe — 1920 × 1080 px

• Aucun texte et aucun logo : le nom, les joueurs et les boutons sont affichés par-dessus.
• Sombre et calme au centre ; les détails vont sur les côtés.
• En vidéo : une boucle de 5 à 10 secondes, sans son, en 1080p, de 15 Mo ou moins si possible. Le mouvement doit être lent, sinon il fatigue et gêne la lecture.
• Pour une boucle sans coupure visible : demande que la dernière image soit identique à la première.

Fond d'écran paysage (format 16:9) pour une équipe de jeu vidéo, ambiance sombre. [THÈME : ex. arène la nuit, forêt brumeuse, ville néon sous la pluie]. Couleurs de l'équipe : [COULEUR 1] et [COULEUR 2]. Centre de l'image sombre et peu détaillé, détails sur les côtés gauche et droit. Aucun personnage au centre. Aucun texte, aucune lettre, aucun logo.

Bannière d'organisation — 1500 × 400 px

• Aucun mot du tout : cette bannière sert aussi de petit fond derrière le nom de l'organisation, sur les profils de ses membres.
• Moitié gauche sombre et vide : le site y écrit le nom, le tag et les boutons.
• Le visuel va dans la moitié droite, à mi-hauteur : sur les profils, seule une mince bande au centre est visible.
• Image fixe, GIF ou WebP animé, ou courte vidéo en boucle (MP4 ou WebM, 5 à 10 secondes, sans son, mouvement lent).

Image panoramique très large, presque quatre fois plus large que haute (format 15:4), pour une organisation e-sport. [THÈME : ex. emblème royal, tempête de néons, cité futuriste]. Couleurs de l'organisation : [COULEUR 1] et [COULEUR 2]. Dégradé de noir à gauche vers [COULEUR 1] à droite. Moitié gauche sombre, unie et vide. Élément visuel principal [SYMBOLE OU MASCOTTE] placé dans le tiers droit, à mi-hauteur. Éclairage dramatique, haute qualité. Aucun texte, aucune lettre, aucun logo.

Petite bannière d'équipe — 1200 × 120 px

• Aucun mot et aucun personnage : la bande ne fait que 45 à 65 px de haut, et le site écrit le tag et le nom par-dessus.
• Un dégradé, une texture ou un motif qui se répète sur toute la largeur.
• Plus sombre à gauche, là où se trouve le nom ; seul le centre est visible dans les endroits étroits.

Bande horizontale très large et très mince (format 10:1). Texture abstraite : [MOTIF : ex. lignes néon, fumée, éclats de verre, circuits]. Dégradé de [COULEUR 1] sombre à gauche vers [COULEUR 2] à droite. Motif uniforme sur toute la largeur, sans sujet central. Aucun texte, aucune lettre, aucun personnage, aucun logo.

Conseils

• Reste sous 500 Ko quand c'est possible : la page se charge plus vite. Le format WebP est le plus léger.
• Les GIF animés fonctionnent, mais sont vite lourds.
• Pour remplacer une image, téléverse la nouvelle ; pour l'enlever, coche « Retirer l'image » et enregistre.