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é.

Fichier du visuel principal

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

Réglages

Mode d’ajustement Une page boutique a besoin du mode Remplir. Contenir sert à voir ce que tu perds.

Couleur des bandes Utilisée derrière l’image en mode Contenir.

Zoom global

1.00×

Règle toutes les capsules d’un coup. Chaque capsule garde son propre curseur en dessous, et tu peux faire glisser n’importe quel aperçu.

Repères

Zone du ruban SteamEn bas à gauche, là où se pose la remise ou le bandeau « Prochainement ». Zone sûre pour le texteLes 90 % intérieurs. Garde le logo et tout texte à l’intérieur. Masque d’angle de l’icôneMontre le masque arrondi qu’iOS et Play appliquent à ton icône carrée.

Limites

La zone du ruban est une approximation. 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. Prends ce repère 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.
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é.