512 ORIGINAL PREVIEW MEASUREMENTS · OCTOBER 27, 2026
Roblox Shirt Template Checkerboard Preview Size: 32 to 96 Pixels
Preview size changed this thin line's measured contrast even when the exported Shirt image stayed fixed. In our 4-pixel checkerboard test, a one-pixel source line had zero strong-contrast pixels at every background offset in 32- and 48-pixel previews. At 64 pixels it ranged from 0 to 42; at 96 pixels it ranged from 16 to 62. A two-pixel source line stayed above zero at all four sizes. These are image measurements, not a test of human recognition or Roblox avatar appearance.
“Strong contrast” means a preview pixel's Euclidean RGB distance from the corresponding blank checkerboard is at least 128. This cutoff is our analysis choice, not a Roblox rule.
What changed at each preview size?
We created two transparent 150 × 150 source images with the same centered red diagonal. One had a one-pixel stroke and the other a two-pixel stroke. Each went through this site's editor at 45% Image size and was downloaded as a 585 × 559 Shirt PNG. From each saved file we cropped the same 128 × 128 FRONT panel. Roblox Creator Hub documents that panel size and recommends checking classic clothing on a Studio rig.
Chrome Canvas resized each crop smoothly to 32, 48, 64, and 96 pixels square. At every size we moved a four-pixel white/charcoal checkerboard through all 64 distinct x/y offsets (0–7 in each direction). Thus each source gave 4 × 64 = 256 previews, or 512 total. Only the preview size and background placement changed within each export.
| Preview square | 1 px source: strong pixels, min–max | 1 px: zero-count phases | 2 px source: strong pixels, min–max |
|---|---|---|---|
| 32 × 32 | 0–0 | 64 of 64 | 20–20 |
| 48 × 48 | 0–0 | 64 of 64 | 40–74 |
| 64 × 64 | 0–42 | 8 of 64 | 70–112 |
| 96 × 96 | 16–62 | 0 of 64 | 224–239 |
For the one-pixel source, going from 48 to 96 pixels changed the minimum strong-pixel count from 0 to 16, while its maximum rose from 0 to 62. For the two-pixel source, the minimum was 20 even at 32 pixels and 224 at 96 pixels. Counts are per preview, so larger images contain more total pixels; do not treat these counts as percentages or a perceptual score.
Four exact-size examples
Images are displayed at their native pixel dimensions where space permits. Browser or device zoom can change how they appear on your screen.
A useful check for your own design
- Finish your Shirt image, then use Download PNG. Keep this saved file as the reference for all previews.
- Inspect the FRONT area at native file size for missing or faded strokes. The official template calls this panel 128 × 128 pixels.
- Make small previews from that same saved file. Compare at least a compact and a larger size, such as 32 and 96 pixels, over the background your design will actually face.
- If a detail is weak, widen or simplify it in the source art, export again, and repeat the same comparison. Changing both artwork and background at once makes the cause unclear.
- Before upload, follow Roblox's Studio Block Avatar test for actual garment placement. A flat crop cannot establish how the Shirt looks on an avatar.
The minimum and maximum here are bounds over one specific four-pixel checkerboard cycle. A zero qualifying-pixel count can still contain faint color differences; it does not prove that a person sees nothing.
Method and limits
The browser test used the editor's real import and Download PNG controls twice, checked both exports at 585 × 559, cropped x = 128–255 and y = 191–318, and generated all size/phase combinations from those exports. At each output pixel we computed √((red difference)² + (green difference)² + (blue difference)²) against an otherwise identical blank checkerboard. The 128 cutoff and smoothing method were held fixed.
These findings apply to this red diagonal, its two source widths, this site's export, and these synthetic previews. We did not recruit viewers, test curved lettering, or render the images on a Roblox rig. The project retains the original browser script, all 512 readings, and these four example PNGs.
Sources
- Roblox Creator Hub: Classic clothing — official panel map and Studio test steps.
- Avatar Shirt Maker editor — the import and download workflow used for the original exports.
- Our 64-pixel offset test — the earlier fixed-size question extended here to four preview sizes.