Make a Roblox Classic T-shirt image in your browser
A Roblox Classic T-shirt is the simplest of the three Classic Clothing image workflows. It places a square image on the front of a block avatar’s torso instead of wrapping a full template around the torso and arms. This Roblox T-shirt maker gives you a real 512 × 512 pixel canvas for preparing that square graphic without installing a desktop editor or creating an account.
You can begin with a transparent or solid background, draw directly with a colored brush, erase pixels, or add an existing square PNG or JPG. The uploaded artwork can be moved by dragging and resized with the scale control. When the composition is ready, the tool exports an actual 512 × 512 PNG. All image decoding, drawing, composition, and export happen inside your browser.
How to use the Roblox T-shirt maker
Start by deciding whether the finished image should have a transparent background. Transparency is useful when the artwork is a logo, emblem, badge, wordmark, or isolated character that should sit over the avatar’s existing body color. Turn transparency off when the whole square should be filled with one color. The background color picker changes that solid fill without altering the uploaded artwork or brush layer.
Select “Add square image” to use existing artwork. The file must be PNG or JPG, smaller than the local 5 MB limit, and have equal width and height. A 256 × 256, 512 × 512, or 1024 × 1024 square can be loaded because the browser fits it to the output canvas. A rectangular photograph is rejected instead of being silently stretched, because unannounced distortion usually produces a poor T-shirt graphic.
Choose the Move image tool and drag on the canvas to reposition the uploaded layer. Use the scale slider to make it smaller or larger. At 100 percent, it fits the complete 512 × 512 output. A smaller value creates margin around the artwork; a larger value crops portions beyond the canvas edges. This makes it possible to frame a face, icon, or central motif without editing the source file first.
Choose Brush to add freehand marks and Eraser to remove marks from the drawing layer. The brush color and size controls work at the native 512-pixel resolution. The eraser removes only the marks made in this workspace; it does not destructively alter the uploaded source image. Reset clears the uploaded image, drawing layer, movement, scale, and background choice so you can start again.
What the exported PNG contains
The Download PNG button composites the chosen background, positioned source image, and drawing layer in that order. The result is always a 512 × 512 PNG named roblox-t-shirt-512x512.png. If the transparent background option is active, unused canvas pixels retain alpha transparency. If it is inactive, the selected background color fills the entire canvas before the other layers are drawn.
PNG is used for the final download because it preserves transparency and sharp graphic edges. JPG can be used as an input when transparency is not needed, but the downloaded result is still PNG. The tool does not add template guides, a watermark, hidden metadata, or an account identifier to the image.
The exported file is a design image, not a published Roblox asset. You still need to test it in Roblox Studio and follow the current platform upload flow. This website does not connect to a Roblox account, spend Robux, submit an item for moderation, or guarantee that an image will be accepted.
Classic T-shirt versus Classic Shirt
The similar names can cause confusion. A Classic T-shirt is a square image displayed on the front torso. It does not wrap around the back, sides, shoulders, or arms. The Roblox Creator Hub Classic Clothing documentation currently illustrates the T-shirt workflow with a 512 × 512 image. That is why this editor uses 512 × 512 as its fixed working and export size.
A Classic Shirt is different. It starts from the full 585 × 559 clothing template and maps artwork to multiple surfaces of the torso and arms. Classic Pants use another 585 × 559 template covering the lower torso and legs. If you want sleeves, a back panel, side panels, or a design that wraps around the body, use the appropriate Shirt or Pants template maker rather than this square T-shirt canvas.
Modern layered clothing is also a separate system involving 3D meshes, cages, rigging, and validation. A square PNG tool cannot build or validate a layered clothing asset. This page is intentionally focused on the narrow, useful task described by its primary keyword: making the square image used by the Classic T-shirt workflow.
Designing artwork that reads clearly on an avatar
The editor canvas is large, but the image may appear much smaller during gameplay. Fine type, thin outlines, and tiny interior details can disappear when viewed from a distance. Begin with a strong silhouette, a limited palette, and clear contrast between the artwork and the expected avatar body color. Zooming out in another viewer can help reveal whether the idea remains understandable at small display sizes.
Keep important details away from the extreme edges unless intentional cropping is part of the design. Scaling an image below 100 percent creates breathing room. Centering is a reliable starting point for emblems, while intentionally moving a subject can make an asymmetrical composition feel more energetic. Test several sizes rather than assuming that filling the entire square will produce the strongest result.
Transparent backgrounds are especially useful for simple symbols. Check the artwork edges for pale halos left by a previous background-removal process. Partially transparent antialiasing can look different over light and dark avatar colors. A solid background offers more predictable contrast, but it displays as a full rectangular panel on the torso.
Drawing and erasing on the native canvas
The brush is useful for quick lettering, accent marks, outlines, signatures, and corrections. Small brush sizes support detail; larger sizes create broad shapes. Because pointer coordinates are converted to native image pixels, the downloaded stroke corresponds to the 512 × 512 output rather than the visual CSS size of the canvas on your screen.
On a touch device, selecting Brush or Eraser changes the canvas to drawing mode and prevents the normal page gesture from taking over during a stroke. In Move mode, dragging changes the uploaded image offset. If there is no uploaded layer, moving has no visible effect, but you can still draw on the blank canvas.
The editor keeps the uploaded source and drawing layer separate while you work. Moving or scaling the source does not move a brush stroke that was already drawn. This predictable layer order is useful for adding a border or annotation over positioned artwork. If you need many editable layers, text objects, vector shapes, filters, or complex selection tools, prepare the artwork in a full graphics application and use this page for final positioning and 512 × 512 export.
Local processing and privacy
Choosing a file gives the browser temporary access to that file for decoding. The image is copied into an in-memory canvas and is not posted to an upload endpoint. Drawing commands, color settings, scale, position, and the generated PNG remain on the device. Reloading the page clears the working session because this tool does not create a user project or cloud save.
Local processing reduces unnecessary exposure of unpublished clothing art, but it does not transfer ownership or license rights. Use artwork that you created or have permission to use. Avoid copyrighted characters, logos, photographs, or another creator’s design unless the applicable owner has authorized that use. Roblox moderation and Marketplace rules remain separate from this editor.
SkinEditor.org is an independent tool and is not endorsed by or affiliated with Roblox Corporation. Roblox and associated names belong to their respective owners. Platform requirements can change, so review current Creator Hub guidance before publishing or selling an asset.
Common problems and practical fixes
If an image is rejected as non-square, crop it rather than stretching it. Stretching changes proportions and can make faces, circles, and lettering look wrong. If the artwork looks blurry, return to a higher-quality source and avoid repeatedly enlarging a small compressed JPG. The browser can scale a square input, but scaling cannot restore details that were absent from the original.
If the result downloads with transparency when you wanted a colored panel, turn off Transparent background and select a background color before downloading again. If the uploaded layer is missing from view, set scale to 100 percent and use Reset to restore the centered position. If brush marks are unwanted, use Reset and reload the source image; the first version intentionally provides a complete workspace reset instead of an unlimited history system.
Always inspect the downloaded PNG before continuing. Confirm that it is square, the transparent areas are intentional, important details have not been cropped, and the graphic is readable at small size. Then test it on a Block Avatar rig in Studio. A correct file dimension cannot predict positioning, moderation, ownership review, or how every avatar color will affect transparent artwork.
Frequently asked questions
What size does this Roblox T-shirt maker export?
It always exports a 512 × 512 PNG. The fixed size matches the square example shown in current Roblox Creator Hub Classic Clothing documentation.
Can I upload a rectangular image?
No. This tool requires a square PNG or JPG so it does not silently distort your artwork. Crop the source to a square first, then position and scale it here.
Can I make the background transparent?
Yes. Transparency is enabled initially. Turn it off to fill the complete canvas with the selected background color.
Does this publish the T-shirt to Roblox?
No. It creates a local PNG only. Testing, uploading, any applicable fees, account requirements, and moderation happen through Roblox services.
Is my image uploaded to SkinEditor.org?
No. The browser reads and edits the image locally. There is no account, server-side image storage, public gallery, or cloud project in this workflow.