MOBILE WORKFLOW · UPDATED OCTOBER 1, 2026

How to Make a Roblox Shirt Template on Mobile

Open the editor in your phone browser, select Classic Shirt, add an image, position it on the mapped canvas, then tap Download PNG. Check that the saved file is 585 × 559 pixels. Before uploading, test its fit on a Block Avatar in Roblox Studio.

Open the shirt template editor See the phone steps ↓

The editor test below used touch-enabled Chrome emulation at a 390-pixel viewport. It verifies layout, a touch tap, local image import, and PNG generation in that environment; it is not a physical Android or iPhone download test.

A phone-first sequence

Choose Classic Shirt first. That button selects the torso-and-arms layout. If you want only a square chest image, use Classic T-Shirt instead. Roblox distinguishes these as different classic clothing types.
Add a small test image. Tap Choose image and select a file your browser can provide. The editor accepts PNG, JPG, WEBP, or SVG. Start with a simple colored mark so you can tell where it lands; the file is read by the browser editor rather than sent to a site upload endpoint.
Work one panel at a time. Use the placement guide to identify the front, back, and sleeve regions. The canvas is farther down the narrow page than the controls, so scroll to it after choosing the file. Use the Image size slider when precise pinch scaling is difficult. Keep a distinctive mark away from a seam until you have checked the basic placement.
Save, then inspect the saved file. Scroll below the canvas and tap Download PNG. Open the result in your device's file or image viewer and confirm its dimensions and intended transparent areas. This is more reliable than judging the editor's checkerboard or guide alone. If your browser does not save the blob as expected, try its download controls or a different browser before submitting anything.
Do the fit check in Studio. Roblox recommends testing classic clothing on a Block Avatar rig before Marketplace upload. Use a Shirt object and its ShirtTemplate property, then rotate the rig to inspect panels and seams. The phone editor's flat canvas is not a 3D fit preview.

What the mobile-width test actually showed

We ran the site's current editor in headless Chrome with a 390 × 844 mobile viewport and touch emulation. This is first-party browser evidence for the editor layout and export, not a claim about every phone or browser.

Measured result: the document width was 390 pixels, so the page had no horizontal overflow. The visible Shirt selector, Choose image label, size slider, canvas, and Download PNG button all fit between the viewport's left and right edges. A simulated touch tap reached the Shirt selector. A generated colored PNG imported through the editor's file input; the editor's Download PNG action produced an image/png blob measuring 585 × 559 pixels.

The controls and canvas are stacked on a narrow screen. In our 390-pixel test, the canvas began around 1,157 pixels down the page and Download PNG around 1,564 pixels down, so scrolling is part of the workflow. Those positions depend on screen width, text scaling, and browser UI. The test supplied a file programmatically and intercepted the download blob; a real device's photo picker and save location still need a device-specific check.

Pick the next check from the symptom

What you see	Check next
Only a chest graphic is wanted	Choose Classic T-Shirt before making art; Roblox describes it as a square front-torso image.
Image is too large to position by touch	Reduce Image size with the slider, then move it on the canvas.
PNG appears blank or white	Open the saved file over a checkerboard and check whether the artwork was placed on the intended panel. See our transparent export test.
Flat preview looks fine, sleeve is wrong	Test the Shirt on a Block Avatar in Studio and rotate the rig before upload.
File is square	Recheck garment selection and the saved dimensions. Compare Shirt and T-Shirt sizes.

Sources and limits

Roblox Creator Hub: Classic clothing — types, mapped image regions, supported PNG/JPG export, Block Avatar Studio test, and upload workflow.
Avatar Shirt Maker editor — the touch-enabled mobile viewport and PNG test described above. The reproducible test is retained with the site project.

Roblox's official guide does not establish that this particular editor's native file picker and download behavior work identically on iOS and Android. We have not tested those native flows or completed a Roblox Studio garment fit test in this run.