Générateur d'image capsule Steam | Header 920x430 en mode placeholder

Produit une image header capsule pour Steam (920x430, la nouvelle spécification) avec la mise en page titre + slogan + étiquette de genre, et la palette dark navy + cyan typique de la boutique Steam. Conçu comme placeholder pendant que l'illustration finale est encore en production.

💡 À propos de cet outil

Au moment de soumettre une page boutique Steam pour validation, l'artwork capsule définitif est souvent encore en commande, en itération, ou bloqué dans la file d'attente d'une illustratrice. La page boutique, le press kit et les captures envoyées aux testeurs ont pourtant besoin de quelque chose en haut, dès les premiers brouillons.

Cet outil est volontairement restreint : un titre centré, un slogan en dessous, une étiquette de genre dans une chip en Space Mono en bas, et trois modes de fond (solid, gradient, vignette). On ne peut pas y déposer du concept art ni importer un logo en calques. Le compromis, c'est qu'on obtient un header à l'aspect Steam en moins d'une minute.

La sortie fait toujours 920x430 PNG. Valve a relevé la spécification du header capsule en août 2024 (auparavant 460x215), et l'outil cible directement cette nouvelle taille, ce qui évite de réexporter la veille du dépôt.

🧐 Questions fréquentes

Pourquoi le fichier exporté fait-il exactement 920x430 ? C'est la spécification actuelle du header capsule Steam, relevée depuis 460x215 en août 2024. Valve a commencé à retirer les anciens formats le 1er novembre 2024, donc toute nouvelle page boutique doit être livrée à la nouvelle résolution.

L'aperçu paraît petit (460x215). Le PNG est-il en basse résolution ? Non. La zone d'aperçu est mise à l'échelle en CSS à 460x215 pour reproduire le rendu du capsule dans la grille Steam, mais le canvas dessous travaille en 920x430 et le PNG téléchargé est ce fichier pleine résolution, sans recompression.

Que mettre dans l'étiquette de genre ? Un ou deux mots : "Roguelike", "Indie - Adventure", "Puzzle Platformer". La doc Valve déconseille d'ajouter du texte marketing sur les capsules de base, donc la chip sert surtout au stade placeholder et press kit, pas dans l'artwork final.

Quand choisir solid, gradient ou vignette ? Solid maximise le contraste du texte et reste l'option la plus sûre pour un premier jet. Gradient ajoute une ambiance sans masquer le titre. Vignette concentre le regard au centre, utile pour les jeux narratifs ou atmosphériques. Tester les trois aide à formuler le brief pour l'artwork définitif.

Peut-on importer un PNG de logo ? Non, l'outil est volontairement texte uniquement. Une fois le logo final disponible, mieux vaut passer à un éditeur avec calques (Photoshop, Affinity, Figma) pour terminer le capsule. Ce builder couvre l'étape d'avant.

📚 Pourquoi le header capsule pèse lourd pour un lancement indé

Steam réutilise le header capsule dans le carrousel d'accueil de la boutique, dans la section "Recommandé pour vous", dans la grille de la bibliothèque, dans la navigation Big Picture et dans les Offres du jour. Une seule image doit survivre à une réduction très agressive. La doc Valve indique que le logo doit rester lisible à 120x45 pixels, soit environ un huitième de la surface du header. C'est précisément pour cette contrainte que l'outil ajuste automatiquement le titre à environ 85 pour cent de la largeur du canvas : tout ce qui est plus étroit disparaît dans la grille.

Les designers expérimentés mettent régulièrement en garde contre le "collage indé" : cinq personnages, un véhicule, un dragon et le logo entassés dans la même image. À l'échelle d'une vignette, ce collage devient du bruit, là où un point focal unique à fort contraste reste lisible. Même au stade placeholder, il est utile de vérifier que le titre de travail tient à la moitié de sa taille avant de signer le brief avec l'illustratrice, et l'approche texte-sur-fond-plat de ce builder rend ce test de lisibilité trivial.

Considérez le PNG exporté comme un substitut : remplacez-le par l'artwork définitif avant la sortie, mais servez-vous-en pour figer la hiérarchie typographique du titre, le cadrage de genre et la palette pendant que le reste de la page se met en place.