Aller au contenu principal
ToolsByUs

Redimensionner un badge Roblox

Une image de badge Roblox mesure 512 par 512 pixels et s’affiche sous forme de cercle. Recadrez ici à ce carré avec le masque circulaire dessiné par-dessus, afin que les coins retirés par le masque soient visibles pendant que vous positionnez l’œuvre, et pas seulement après publication.

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 un badge Roblox en clair

Les badges sont les récompenses qu’une expérience donne aux joueurs — terminer un niveau, trouver quelque chose de caché, jouer un jour particulier. L’image mesure 512 par 512 pixels et Roblox l’affiche à l’intérieur d’un cercle, aussi bien dans la liste des badges de l’expérience que sur le profil de chaque joueur qui l’a obtenu.

Cent cinquante pixels, c’est petit, et le masque circulaire supprime environ un cinquième de ce que vous fournissez. Un badge n’a donc de place que pour une seule idée : une forme, un symbole, un chiffre. Tout ce qui est davantage devient une texture.

Cette page recadre au carré exact avec le masque dessiné sur l’aperçu, afin qu’un design collé dans un coin soit détecté avant l’envoi. Le processus s’exécute entièrement dans votre navigateur, sans inscription et sans étape d’envoi propre à l’outil.

La vignette qui représente l’expérience entière a une taille différente — le redimensionneur d’icône d’expérience elle fait 512 par 512.

Pour une œuvre qui doit respecter une taille de fichier donnée, le compresseur il prend une cible en kilo-octets.

Où un badge est visible

Contrairement à une icône d’expérience, un badge voyage : il apparaît sur les profils des joueurs qui l’ont obtenu, ce qui constitue une promotion gratuite pour l’expérience si l’œuvre est distinctive.

SupportRendu commeImplication pour le design
Liste des badges de l’expérienceCercle, taille moyenneLe seul endroit où le détail est visible
Profil du joueurCercle, petitUniquement la silhouette et la couleur
Notification de récompenseCercle, petitDoit être lisible en moins d’une seconde

Une idée par badge

À 512 pixels à l’intérieur d’un cercle, il y a de la place pour un seul symbole à fort contraste. Les badges de réussite qui fonctionnent sont généralement un simple objet — une clé, une étoile, une couronne, un chiffre — sur un fond uni ou légèrement dégradé.

Pour un ensemble de badges marquant une progression, variez la couleur du fond et gardez la famille de symboles cohérente. Un profil balayé par un lecteur lit les couleurs bien avant de lire les formes.

  • Centrez le symbole et laissez une marge ; le masque mange les coins.
  • Deux ou trois couleurs, avec un fort contraste sur les thèmes de profil clairs et sombres.
  • Style de symbole cohérent pour un ensemble, couleur de fond variée.
  • Aucun texte plus petit qu’environ un sixième de la hauteur du badge.

Le masque circulaire, en chiffres

Un cercle inscrit dans un carré couvre environ 79 % de sa surface, donc environ un cinquième de ce que vous envoyez n’est jamais affiché — tout cela dans les coins. Un design qui remplit le carré bord à bord perd son détail le plus externe sur les quatre côtés.

L’aperçu dessine le masque à ses vraies proportions. Si le sujet touche le bord du cercle n’importe où, zoomez un peu : un badge avec un peu d’espace se lit mieux aux petites tailles de toute façon.

Format et transparence

PNG, presque toujours. L’œuvre d’un badge est plate et bénéficie de bords nets, et la transparence en dehors du cercle empêche le badge d’emporter un carré de couleur visible dans une page de profil. JPEG est disponible pour l’œuvre photographique d’un badge, mais il remplit la transparence par une couleur unie et crée des anneaux autour des bords nets — les deux sont visibles à cette taille.

Questions fréquentes

Quelle est la taille d’une image de badge Roblox ?

512 par 512 pixels, carrée sur disque et circulaire à l’écran. Roblox applique un masque circulaire, donc environ un cinquième du carré — tout cela dans les coins — n’est jamais affiché n’importe où où le badge apparaît.

Pourquoi mon artwork de badge semble-t-il recadré ?

À cause du masque circulaire plutôt qu’un recadrage : les coins de votre carré tout simplement ne sont pas dessinés. Tout positionné là, y compris une signature ou le bord d’un logo, disparaît. L’aperçu montre le masque afin que vous puissiez positionner le sujet avec cette perte visible.

Comment un ensemble de badges de progression devrait-il différer ?

Par la couleur de fond, avec un style de symbole cohérent. À la taille où les badges sont affichés sur un profil, la couleur est lue en premier et la forme en second, donc une rampe de couleurs est lisible là où une rampe de symboles de plus en plus ornés ne l’est pas.

Les badges s’affichent-ils en dehors de l’expérience ?

Oui — sur le profil de chaque joueur qui en a obtenu un, ce qui rend l’œuvre de badge distinctive un petit élément de promotion continue. Cela signifie aussi que l’œuvre est vue contre la mise en page de profil de Roblox et non seulement à l’intérieur de votre propre interface.

Une image de badge peut-elle avoir un fond transparent ?

Oui, et PNG est le format pour cela. La transparence en dehors du sujet circulaire empêche le badge de transporter un carré de couleur visible dans les pages de profil, et le fait paraître correct sur les thèmes clairs et sombres.

Mon artwork de badge est-il envoyé lorsque je le redimensionne ?

Non. Le recadrage et l’exportation sont effectués par votre navigateur sur cette page et rien n’est transmis — ce site n’a pas de point de réception de fichier. Vous envoyez ensuite le résultat vous-même via le tableau de bord du créateur Roblox.

Équipe ToolsByUs · Comment nous vérifions nos outils