One editor page for three Classic Clothing image types
“Roblox skin editor” is a broad search phrase, but Roblox avatar appearance is not stored in one universal skin atlas. This page therefore provides three explicit local modes: Classic Shirt, Classic Pants, and Classic T-shirt. Switching modes loads the correct purpose-built editor rather than pretending that every clothing image uses the same dimensions or body mapping.
Classic Shirt and Pants use full 585×559 wraparound artwork. Classic T-shirts use square front-torso artwork and this workspace exports 512×512 PNG. Each mode retains its own controls, validation assumptions, filenames, and written guidance. Images are decoded, edited, and exported in the browser without signing in to Roblox or sending pixels to SkinEditor.org.
Classic Shirt editing mode
Choose Classic Shirt when artwork must wrap around the torso and arms. The 585×559 canvas can start transparent, accept a local base image, fill a color, draw, erase, undo, reset, and export PNG. An exact-size image remains at native resolution; other input is fitted proportionally for convenience.
The full template contains multiple surfaces, so an attractive flat image is not automatically aligned clothing. Use the current official template as a placement reference and test the output on a suitable Block Avatar rig in Roblox Studio. Shoulder edges, sleeve cuffs, body sides, back panels, and arm interiors require special attention.
Classic Pants editing mode
Choose Classic Pants for lower torso and leg surfaces. It also uses a 585×559 canvas, but the meaningful body mapping differs from Shirt. The Pants editor offers drawing, erasing, fill, transparency, undo, reset, center guides, native-size import, and PNG export.
Do not interchange Shirt and Pants artwork merely because the complete image dimensions match. The mapped rectangles represent different body regions. Keep an official Pants placement reference available and inspect waist, front and back legs, inner surfaces, cuffs, shoes, and seam continuity in Studio.
Classic T-shirt editing mode
Classic T-shirts are simpler square images displayed on the front torso. The mode uses a real 512×512 working canvas. Add a square PNG or JPG, move and scale the source, choose transparent or solid background, draw accents, erase drawing-layer pixels, and export PNG.
A T-shirt does not wrap around the arms, back, and sides like a full Shirt. If the design requires sleeves or complete torso coverage, switch to Classic Shirt. Use T-shirt mode for emblems, logos you own, badges, simple character art, and front-facing graphics.
Why the modes remain separate
Combining every control into one ambiguous canvas creates errors. A 512×512 square resized to 585×559 is not a valid wraparound template. A full Shirt atlas displayed as a T-shirt would show the complete unfolded guide on the torso front. Mode selection prevents these silent conversions.
The page remembers only the active React component while it is mounted. Switching modes can replace the current workspace, so download work before moving to another type. There is no cross-mode cloud project, account history, or database recovery.
Local image privacy
File selection grants the browser temporary access for decoding. The editors draw into in-memory canvas elements and use browser PNG encoding for download. They do not call a Roblox account API, publish an asset, spend Robux, create a marketplace listing, or store a public gallery entry.
Local processing reduces exposure of unpublished art, but it also means closing or refreshing the page discards unsaved changes. Save milestone PNGs and keep an editable source in a full graphics program for complex layered work.
Designing responsibly
Use artwork you created or have permission to adapt. Local editing does not grant rights to characters, logos, clothing designs, photographs, or another creator’s marketplace asset. Platform moderation, intellectual-property review, creator eligibility, and fees remain outside this tool.
Avoid entering account credentials into independent editors. This page never requests a Roblox username or password. Publishing should happen through current official Roblox tools and documentation.
Testing after export
Open the downloaded PNG and verify decoded dimensions. Use a clothing checker to inspect format, alpha, and coverage. Then test the image in Roblox Studio on the appropriate rig. Rotate it under different lighting and check transparency, seams, reversed details, blurred edges, and intended placement.
Correct dimensions are necessary but not sufficient. A 585×559 file can still use the wrong template, and a square T-shirt can still contain unreadable tiny art. Iterate between editor, checker, and Studio preview.
Scope and limitations
This editor focuses on Classic Clothing images. It does not create layered-clothing meshes, cages, rigging, skinning, or 3D accessories. It does not generate an avatar body or edit account inventory. “Skin editor” appears descriptively because users commonly use the phrase for avatar appearance tools.
SkinEditor.org is independent and is not endorsed by or affiliated with Roblox Corporation. Specifications and upload processes can change. Current Creator Hub documentation should take priority before publishing or selling an item.
Frequently asked questions
Which mode should I choose?
Use Shirt for torso and arms, Pants for lower torso and legs, and T-shirt for one square graphic on the torso front.
Are images uploaded to a server?
No. Editing and PNG export happen locally in the browser.
Can the editor publish to Roblox?
No. It creates image files only. Studio testing, upload, fees, and moderation remain separate.
Does this support layered clothing?
No. Layered clothing is a separate 3D mesh workflow.