How to Test Roblox Clothes Before Uploading

Prepare the classic clothing PNG

Start from the classic Shirt or Pants template instead of placing artwork on an arbitrary image. Keep the canvas at 585 × 559 pixels and export as PNG so transparent areas remain transparent.

Choose a blank base for painting or a labeled reference map for locating faces. The blank base has white panels and transparent space outside them. The labeled map is opaque: keep it on a separate guide layer and hide it before exporting, so its labels and colors do not become part of your clothing.

Do not resize the finished template after painting. A single-pixel shift at the source can become a visible break when the front, side, and back panels wrap around the Avatar.

• 585 × 559 canvas
• PNG format
• Transparent background where clothing should not appear
• Artwork stays inside the intended body panels

Load Shirt and Pants into one preview

Open the tester, choose Shirt or Pants, and drop the matching PNG into the upload area. The file stays in the browser and the preview updates on the same page. Add the second clothing type if you need to check the waist transition as a complete outfit.

A valid preview should replace the starter texture on the Avatar. If the tool rejects the file, fix its format or dimensions before judging the design itself.

Classic Pants include torso artwork as well as leg panels. A classic Shirt covers the Pants artwork on the torso, so a waistband, belt, or overall bib painted there can disappear under a Shirt. Inspect that detail in the Pants PNG, then load both matching templates into the tester and compare the waist and torso. If it should stay visible over the Shirt, include it in the Shirt's corresponding torso panels too.

Keep three files distinct: the editable Maker project is a JSON file for reopening layers; the 585 × 559 template PNG is clothing; Download preview saves an Avatar picture. Only the template PNG belongs in the tester's clothing input. Renaming a JSON, JPEG, or screenshot to .png does not convert it.

Read Roblox's explanation of classic Pants coverage.

Try a rejected replacement without losing the preview

Use these practice files if you want to separate a file problem from an artwork problem. In the tester, choose Shirt and load first-shirt.png, then choose Pants and load first-pants.png. You should see a navy Shirt with one chest patch and Pants with a patch on each front leg. Set Front and leave Motion off for a repeatable comparison.

Keep the originals. In an image editor, make a separate copy of the Shirt with a 584 × 559 canvas and export it as PNG. Try that copy in the Shirt input. The tester should report that the template must be exactly 585 × 559; the previously accepted Shirt and Pants should remain on the Avatar. Re-export from the original-size source, then replace the Shirt with the valid PNG. Do not stretch the cropped copy to hide the error.

Repeat the inspection on R6 and R15 using Front, Back, Side and a dragged diagonal view. A file passing the size check can still contain misplaced panels. Seam adds an inspection overlay; it does not change the clothing pixels. Download PNG saves an Avatar reference picture, so keep the two original template PNGs for Roblox's upload workflow.

Inspect front, back, sleeves, and waist

Use the fixed view controls for repeatable checks, then drag the Avatar to inspect diagonal angles. The front view catches off-center graphics; the back view exposes mirrored text and swapped panels; side views reveal sleeve and torso seams.

Turn on the seam overlay as a visual reference. It does not edit the file or guarantee approval, but it makes it easier to compare the clothing edges with the Avatar's center, shoulder, and waist lines.

• Front graphic is centered
• Back text reads in the correct direction
• Left and right sleeves use the intended panels
• Shirt and Pants meet cleanly at the waist

Repeat the test on R6 and R15

R6 and R15 use different body segmentation and movement, so the same classic clothing can read differently around elbows, shoulders, hips, and knees. Switch rigs without re-uploading the file and repeat the critical angle checks.

When the design works on both rigs, download a PNG of the preview. Use that image as a quick comparison while correcting the source template; final upload, moderation, and publishing still happen in Roblox's own workflow.

Follow Roblox's recommended Studio check

The browser preview helps you find panel, direction, and seam problems before you start Roblox's upload process. It shows the supported R6 and R15 bodies, not every Marketplace avatar or the lighting and behavior of your target experience.

Roblox recommends testing classic clothing in Studio before uploading or selling it, and the testing process has no fees. In Studio, insert a Block Avatar rig, add a Shirt or Pants object under the rig, and apply your clothing image through ShirtTemplate or PantsTemplate. Follow Roblox Creator Hub's current instructions for selecting the image.

Keep your finished 585 × 559 clothing PNG for upload. The downloaded Avatar preview is a reference image, not the clothing template. Neither previewing nor testing guarantees moderation approval; final upload and publishing remain in Roblox's official workflow.

Read Roblox Creator Hub's classic clothing testing instructions.