Outil 18 — Gratuit, sans inscription

Une image, toutes les capsules.

Dépose ton visuel principal et regarde ce que le recadrage lui fait. L’image ne quitte jamais ta machine : tout ici tourne sur un canvas dans ton navigateur.

Ton visuel principal

Dépose une image ici

ou choisis un fichier. PNG, JPG ou WebP. Rien n’est envoyé.

Aucune image chargée. Les capsules ci-dessous montrent les cadres de recadrage aux bons ratios.

Réglages

Une page boutique a besoin du mode Remplir. Contenir sert à voir ce que tu perds.
Utilisée derrière l’image en mode Contenir.
1.00×
Règle toutes les capsules d’un coup. Chaque capsule garde son propre curseur en dessous. Fais glisser un aperçu pour déplacer l’image, ou sélectionne-en un avec Tab et déplace-la avec les flèches — Home la recentre.
Repères

Quelle page boutique

Le jeu de base et tous ses formats. Une démo et un DLC ont chacun leur propre AppID et leur propre page boutique, donc les mêmes tailles en pixels — mais pas la même liste, et pas les mêmes règles de composition.

Limites

  • La boîte d’angle est notre marge, pas une mesure de Valve. Valve a déplacé plus d’une fois le fanion de remise et le bandeau « Prochainement », et il s’affiche à des proportions différentes selon les endroits. Nous dessinons 18 % × 20 % dans le coin en bas à gauche et laissons la petite capsule tranquille : à 462 × 174, une boîte plus grande condamne un tiers du visuel pour ce que Steam dessine comme un petit fanion d’angle. Prends-la comme un « ne mets pas le logo ici », pas comme un gabarit au pixel près.
  • La zone sûre est une convention, pas une règle. Rien ne rogne les 90 % intérieurs. C’est la marge qui évite que ton logo touche le bord dans une grille de cent autres capsules.
  • Les aperçus sont réduits. Les très grandes capsules (surtout la bannière de bibliothèque en 3840 × 1240) sont dessinées à une fraction de leur taille réelle à l’écran. Le PNG que tu télécharges est toujours rendu en pleine résolution.
  • Les images de plus de 4096 px sont réduites une fois au chargement, pour garder le navigateur réactif. Exporte tes assets finaux depuis le fichier d’origine, pas depuis cet outil.
  • Les assets de démo et de DLC sont la part que nous n’avons pas pu vérifier entièrement. Steamworks dit que les capsules et les assets de bibliothèque d’une démo doivent montrer que l’app est une démo, et donne les mêmes tailles en pixels pour toute app ayant sa propre page boutique. Il ne dit pas si une démo ou un DLC reprend le visuel du jeu de base quand tu n’envoies rien, et il ne dit pas que Steam ajoute son propre fanion « Demo ». Le badge ici est donc du lettrage que tu poses toi-même, pas un aperçu de quelque chose que Valve dessine. Envoie tes fichiers et regarde la vraie page.
  • C’est une vérification de cadrage. Ça ne remplace pas un envoi sur Steamworks et un coup d’œil à la vraie page boutique, ce que tu devrais faire avant d’annoncer quoi que ce soit.

Grille de soldes, taille réelle

462 × 174, pixels réels

Voilà comment ta petite capsule se tient dans une rangée de soldes, à côté de tout le monde. Si le titre est illisible ici, il l’est au seul endroit où la plupart des gens le verront. Fais défiler la rangée sur le côté.