EXPORTED-PIXEL TEST · OCTOBER 12, 2026
Roblox Shirt Template Shadow Margin: Check the Faint Edge
Leave room for the shadow, not just the solid logo. In our Classic Shirt export test, a centered 48 × 48 opaque mark had a 72 × 72 faint-alpha footprint once a graduated red halo was added. That used 12 more pixels on every side. Inspect the downloaded PNG's faint edge before placing a shadowed logo close to the 128 × 128 TORSO FRONT boundary.
This is a synthetic, stepped-alpha test in this browser editor. It measures a saved PNG, not a natural blur, a Studio render, or Marketplace acceptance.
Why the faint edge matters
A logo can appear comfortably centered when you look only at its opaque shape, while low-opacity pixels extend farther toward a panel seam. The official Roblox classic-clothing layout gives the Shirt's FRONT square 128 × 128 pixels. This site's editor exports a 585 × 559 PNG for Classic Shirt. The question is how much of the front square the complete visible image occupies at export, including partial alpha.
Two equal-canvas imports, one added halo
We generated two transparent 140 × 140 source PNGs. Both contained the same opaque red 80 × 80 center square at source x/y 30–109. The second also contained three centered translucent red bands: 92 × 92, 104 × 104, and 120 × 120. We imported each into a fresh editor state, set Image size to 15%, dragged from canvas center to the FRONT guide center, clicked Download PNG, and decoded the saved pixels. We counted red pixels at alpha cutoffs of 1, 96, and 192 out of 255.
| Saved-PNG cutoff | Core only | With halo | Front-guide margin with halo |
|---|---|---|---|
| Alpha ≥ 1 (faint edge included) | 48 × 48; x 168–215 | 72 × 72; x 156–227 | 28 px each side |
| Alpha ≥ 96 (stronger edge) | 48 × 48; x 168–215 | 56 × 56; x 164–219 | 36 px each side |
| Alpha ≥ 192 (near-opaque core) | 48 × 48; x 168–215 | 48 × 48; x 168–215 | 40 px each side |
All corresponding y bounds have the same values shifted into the FRONT guide: faint y 219–290, stronger y 227–282, and core y 231–278. The guide spans x 128–255 and y 191–318. The faint footprint is 72 − 48 = 24 pixels wider than the core, so its shadow uses 12 pixels on each side. Its 28-pixel margin follows from (128 − 72) ÷ 2. These numbers describe this generated example at this setting; they are not a universal safe-margin rule.
Original proportional front-panel map
Outer tint: 72 px faint footprintMiddle tint: 56 px stronger footprintSolid center: 48 px opaque mark
The schematic maps measured exported widths onto the 128-pixel guide. Opacity bands illustrate cutoffs; they are not a pixel screenshot.
Check your own shadowed logo
- Keep the whole effect in your source PNG. When cropping transparent space, look for the outermost shadow pixels. A crop through the soft edge removes them before the shirt editor sees the file.
- Import it as a Classic Shirt. Use Choose image in the editor, then set Image size conservatively. A percentage alone cannot tell you the final footprint when source dimensions and transparent margins differ.
- Center the visible effect inside TORSO FRONT. Check the faint perimeter as well as the opaque lettering or shape. Reduce Image size if any shadow approaches the square's border.
- Download and inspect the actual PNG. Zoom over a checkerboard background to see translucent pixels. Compare the faint outer boundary, the stronger shadow, and the solid mark separately. A threshold is an inspection aid, not proof that every viewer will see an edge equally.
- Test the exact file on a rig. Roblox recommends a Studio Block Avatar with a Shirt object and ShirtTemplate set to the image. Inspect the front and adjacent sides before uploading.
What this test can diagnose
| What you see | Useful next check |
|---|---|
| Solid logo has room, but its shadow reaches a seam | Measure or visually inspect the low-alpha footprint, then scale down or move inward. |
| Shadow seems cut off in the source image | Open the source PNG against a checkerboard and give the effect more transparent canvas before reimporting. |
| Same Image size gives a smaller solid mark after adding padding | Compare the source canvas bounds using our transparent-padding test. |
| Flat export looks centered, but the avatar looks wrong | Check the actual image on a Studio Block Avatar; this export test does not establish 3D appearance. |
Limit: The experiment used centered squares and deliberately stepped transparency, not a blurred wordmark or a garment render. Real shadows can have irregular edges and antialiasing; check the exact exported design.
Sources and method
- Roblox Creator Hub: Classic clothing — primary source for FRONT dimensions and the Studio Block Avatar test procedure.
- Avatar Shirt Maker editor — first-party October 12 import, drag, export, and alpha-bound measurements.
The reproducible browser script and JSON results are retained in the project audit folder. The paired-source comparison, threshold table, proportional diagram, margin calculation, workflow, and diagnosis table were produced for this article.