EXPORTED-PIXEL TEST · OCTOBER 13, 2026
Roblox Shirt Template Image Size: When a Logo Crosses the Front Edge
Start small, then check the downloaded PNG. In our editor test, the same centered, fully opaque square occupied 56 × 56 pixels at 10% Image size, 84 × 84 at 15%, and 112 × 112 at 20%—all inside the Shirt's 128 × 128 FRONT panel. At 25%, it occupied 140 × 140 pixels and crossed every panel edge by 6 pixels. These are measured results for this square source, not universal slider presets.
The test measures this site's flat Classic Shirt PNG exports. It does not establish how the design appears on a Roblox avatar.
What the slider changed in our saved files
We generated one transparent 100 × 100 PNG and filled all its pixels red. In four fresh imports of that same file, we set Image size to 10%, 15%, 20%, or 25%, dragged the art from canvas center to the TORSO FRONT guide center, then clicked Download PNG. We decoded red pixels with alpha at least 128 in each 585 × 559 export. The official Roblox classic-clothing guide identifies the FRONT panel as 128 × 128 pixels; this editor's guide covers x 128–255 and y 191–318.
| Image size | Saved red bounds | Red width | Front-panel result |
|---|---|---|---|
| 10% | x 164–219; y 227–282 | 56 px | 36 px inside each edge |
| 15% | x 150–233; y 213–296 | 84 px | 22 px inside each edge |
| 20% | x 136–247; y 199–310 | 112 px | 8 px inside each edge |
| 25% | x 122–261; y 185–324 | 140 px | 6 px beyond each edge |
The center remained x 191.5 and y 254.5 in all four exports. From 10% to 25%, each five-point slider increase added 28 saved pixels to this particular source's width. The symmetric margin is (128 − saved width) ÷ 2: 36, 22, 8, then −6 pixels. A negative margin means the red square has crossed the FRONT guide; it does not mean the file failed to export.
Original scale comparison
Left to right: 10%, 15%, 20%, 25%Reference: 128-pixel FRONT width
Bar heights are proportional to the four measured widths; the dashed outline marks the export that is wider than the panel.
A practical fit check for your own image
- Choose Classic Shirt and import the final source PNG. Use the actual file you intend to save. Transparent padding or a wide aspect ratio changes visible bounds at the same slider value; see our padding comparison and wide-logo test.
- Move the visible art into TORSO FRONT. The canvas center and the FRONT center differ. Drag the imported image while watching the guide, then check both sides of the visible shape rather than only its center.
- Increase Image size in small steps. If the whole effect, including a faint shadow, approaches a guide edge, reduce the slider. Our shadow test shows why checking just the opaque core can miss an outer edge.
- Download PNG and inspect the saved image. The guide is not exported. Open the PNG at its actual resolution and compare the visible bounds with the FRONT region. Repeat after changes to the source file or slider.
- Test the exact export in Studio. Roblox recommends using a Block Avatar rig, a Shirt object, and its ShirtTemplate property before uploading a classic shirt.
Why there is no universal “best percentage”
The same 20% setting gave our opaque 100 × 100 square only 8 pixels of room on each side. A 25% setting crossed the boundary. A smaller visible mark inside a padded source PNG could occupy much less space, while a wide wordmark, halo, or uneven transparent border could behave differently. These four exports support a local rule for this test file: 20% fits its red square and 25% does not. They do not establish an Image size value that fits every uploaded design.
Limit: We measured an opaque, centered square with a controlled pointer drag in headless Chrome. We did not test lettering legibility, finger placement, Roblox Studio rendering, or upload acceptance. Use the actual downloaded PNG and Roblox's Studio check for those questions.
Sources and method
- Roblox Creator Hub: Classic clothing — primary source for the FRONT size and Studio Block Avatar test sequence.
- Avatar Shirt Maker editor — first-party October 13 controlled import, slider, drag, and decoded-export experiment.
The reproducible test script and JSON results are retained in the project's audit folder. The four-way measurement table, proportional diagram, margin calculation, step-by-step fit check, and limits were produced for this article.