EDITOR TEST · OCTOBER 9, 2026

Roblox Shirt Template Wide Logo: Fit a Wordmark on the Front

Center the visible wide artwork inside TORSO FRONT and leave room at both ends. In our editor test, a 400 × 100 wide image at 20% Image size occupied x 134–250 of the 128-pixel front guide, leaving only 6 pixels on the left and 5 on the right. If your wordmark needs more breathing room, reduce Image size and inspect the downloaded PNG before testing it in Studio.

These are saved-PNG measurements from this site, using simple red shapes as stand-ins for artwork. They do not establish text readability or 3D appearance.

Why one slider value gives different shapes

The editor first fits each imported image inside the 585 × 559 Shirt canvas without changing its proportions, then applies the Image size percentage. A 400 × 100 source is limited by canvas width; a 100 × 400 source is limited by canvas height. The 20% setting is a percentage of that fitted image, not 20% of the 128-pixel FRONT square. Roblox's classic clothing guide specifies the 128 × 128 FRONT panel.

Our three-shape export test

We made three fully opaque red PNGs: 100 × 100, 400 × 100, and 100 × 400. In a fresh editor import for each, we chose Classic Shirt, set Image size to 20%, dragged the image center from the canvas center to the front guide center, clicked Download PNG, and counted solid red pixels in the resulting 585 × 559 image. The front guide runs x 128–255 and y 191–318 in this editor.

The wide shape uses 117 ÷ 128 ≈ 91% of the panel width but only 30 ÷ 128 ≈ 23% of its height. The tall shape uses 28 ÷ 128 ≈ 22% of the width and 112 ÷ 128 = 87.5% of the height. A square source at the same slider value uses 112 pixels in each direction. The numbers show why a single percentage cannot be treated as a universal logo width.

Place a real wide wordmark

1. Prepare a transparent PNG. Keep the visible wordmark centered in its file and trim large invisible margins. A shadow should remain inside the canvas rather than being cropped away. See the transparent-padding test if the imported artwork looks too small.
2. Import it as a Classic Shirt image. Open the editor, choose Shirt, and use Choose image. The source can be wide; the final exported Shirt image remains the editor's 585 × 559 canvas.
3. Start below the edge. Use a modest Image size, move the visible wordmark into TORSO FRONT, and leave visible space at the left and right boundaries. Our plain 400 × 100 rectangle at 20% had only 5–6 pixels of horizontal room, so treat that as a measured near-edge example, not a target for every design.
4. Download and inspect actual pixels. Open the exported PNG at full size. Check for clipped letters, uneven margins, and a readable word shape. Reduce Image size and repeat if the ends are crowded. The test used solid rectangles, so your font, strokes, and shadows require their own visual check.
5. Check on a rig before upload. Roblox recommends a Studio Block Avatar rig with a Shirt object and its ShirtTemplate property. Inspect the exact export on the front, side, and back of the rig.

What the measurements can diagnose

Test limit: We measured hard-edged rectangles at one slider setting in a browser. The test did not evaluate lettering, soft edges, a Studio render, or Marketplace acceptance.

Sources and method

• Roblox Creator Hub: Classic clothing — primary source for the 128 × 128 FRONT panel and Studio test procedure.
• Avatar Shirt Maker editor — first-party October 9 import, drag, and Download PNG comparison of three generated source shapes.

The reproducible browser script and decoded pixel bounds are retained in the project audit folder. The table, proportional schematic, panel-occupancy calculations, and placement workflow were produced for this article.