Robloxバッジ画像のリサイズ
Roblox バッジ画像は 512×512 ピクセルで、円形として表示されます。ここではマスクが描画された正方形に切り抜き、公開後に角が削除されるのではなく、配置中に削除される部分がわかるようにします。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Robloxバッジ画像のリサイズとは
バッジは、プレイヤーに与えられるアワードです――レベルのクリア、隠し物の発見、特定の日のプレイなど。画像は 512×512 ピクセルで、Roblox は体験のバッジリストと、アワードを獲得したすべてのプレイヤーのプロフィール内で、この画像を円形にレンダリングします。
512 ピクセルは小さなサイズであり、円形マスクはアップロードした内容の約 5 分の 1 を削除します。したがって、バッジには一つのアイデア――形状、シンボル、数字――が収まるスペースがあります。それ以上になるとテクスチャになってしまいます。
このページでは、マスクが重ねられたプレビューで正確な正方形に切り抜き、隅に密着したデザインをアップロード前に検出できます。すべてがブラウザ内で動作し、アカウントもアップロードステップも必要ありません。
体験全体を表すタイルはまた別のサイズです――体験アイコンリサイズ512×512 を保持します。
指定されたファイルサイズに合わせる必要があるアートワークには、画像圧縮ツールキロバイト単位のターゲットサイズを受け取ります。
バッジが表示される場所
体験アイコンとは異なり、バッジは移動します――アワードを獲得したプレイヤーのプロフィールに表示されるため、アートワークが特徴的であれば、体験への無料のプロモーションとなります。
| 表示場所 | 表示形式 | 設計上の注意点 |
|---|---|---|
| 体験のバッジリスト | 円形、中サイズ | 唯一、詳細が確認できる場所 |
| プレイヤープロフィール | 円形、小サイズ | シルエットと色のみ |
| アワード通知 | 円形、小サイズ | 1秒以内に読み取れる必要あり |
バッジにつき一つのアイデア
円形の中の 512 ピクセルには、高いコントラストの単一のシンボルが収まります。機能するアチーブメントバッジは、通常、単純なオブジェクト――鍵、星、王冠、数字――が平らまたは緩やかにグラデーションした背景に置かれています。
一連のバッジで進捗を示す場合は、背景色を変え、シンボルのスタイルを統一してください。プロフィールをスキャンする人は、形状を読む前に色を読みます。
- シンボルを中央に配置し、マージンを残します。マスクが角を削除します。
- 2色または3色、ライトとダークのプロフィールテーマの両方に対し、高いコントラストで。
- 一連のバッジでシンボルスタイルを統一し、背景色を変える。
- バッジの高さの約 6 分の 1 より小さいテキストは使用しない。
円形マスクの数値
正方形に内接する円は面積の約 79% をカバーするため、アップロードした内容の約 5 分の 1――すべて角の部分――は決して表示されません。正方形の端から端まで埋めるデザインは、すべての4辺で最も外側の詳細を失います。
プレビューはマスクを実際の比率で描画します。被写体が円の端にどこか触れる場合は、少しズームアウトしてください。少しだけ余白のあるバッジの方が、小さいサイズで読みやすくなります。
形式と透明性
PNG、ほぼ常に。バッジアートはフラットで、シャープなエッジの利点があります。円形の外側の透明性を保つことで、バッジがプロフィールページに背景色の正方形を持って行くのを防ぎます。写真的なバッジアートには JPEG も使用可能ですが、透明性をソリッドカラーに埋め、シャープなエッジにリングを作成します――どちらもこのサイズでは目立ちます。
よくある質問
Roblox バッジ画像のサイズは？
512×512 ピクセル。ディスク上では正方形で、画面上では円形です。Roblox は円形マスクを適用するため、正方形の約 5 分の 1――すべて角の部分――はバッジが表示されるどこでも決して表示されません。
なぜ私のバッジアートは切り取られているように見えるのですか？
切り取りではなく円形マスクのためです: 正方形の隅は単に描画されません。そこに配置されたもの、署名やロゴのエッジを含め、すべてが消えます。プレビューはマスクを表示するため、損失が見えるように被写体を配置できます。
進捗バッジのセットはどう違うべきですか？
背景色で、シンボルスタイルは統一します。プロフィールに表示されるバッジのサイズでは、色が最初に読まれ、形状が次に読まれるため、色のグラデーションは読み取れますが、ますます装飾的になるシンボルのグラデーションは読めません。
バッジは体験の外に表示されますか？
はい――アワードを獲得したすべてのプレイヤーのプロフィールに表示されるため、特徴的なバッジアートは継続的なプロモーションの小さな要素となります。また、アートワークは Roblox のプロフィールレイアウトに対して表示されるため、独自のインターフェース内だけで表示されるわけではありません。
バッジ画像に透明背景を持たせられますか？
はい、可能です。PNG 形式がそれ用です。円形の被写体の外側の透明性により、バッジがプロフィールページに色の正方形を持って行くのを防ぎ、ライトとダークのテーマの両方で正しく見えます。
リサイズ時にバッジアートはアップロードされますか？
いいえ。切り抜きとエクスポートは、このページでブラウザが行い、何も送信されません――このサイトはファイルを受信するエンドポイントを持っていません。その後、結果を Roblox クリエーターダッシュボードから自分でアップロードします。