Beginner's Directory

Size Preview: Check Your Design on Every Garment Size Before Publishing

Size Preview: Check Your Design on Every Garment Size Before Publishing

Size Preview shows how your design actually sits on every available size of a product, before you publish. Until now you had to guess, because mockups only show a couple of sizes. Size Preview removes the guesswork: one screen, every size, your real design. You'll find it in Step 1 (Design) in the Creator.

The problem it solves

Every garment size has its own print area. When a design is shrunk to fit a smaller size, two things can go wrong: placement drifts (a left-chest logo can slide toward the centre or collar), and edges get cut (a large all-over design scaled down as one flat image can crop at the edges). Size Preview lets you see and fix this up front.

Where to find it

Open a product in the Creator, go to Step 1 (Design), and open Size Preview from the sidebar. You'll see a card for each available size showing your current design in that size's print area. Note: Size Preview only appears for products with more than one size.

The "Canvas size" label

One card is marked Canvas size, the largest size and the one you actually design on. Every other size is generated from it, so it's your reference point.

How garment sizes really work

Your canvas is the largest size available (on the Fashion Hoodie, that's 4XL). When you save, the factory generates a separate print file for every size from that one canvas. Garment sizes don't shrink evenly: as sizes go down, pattern pieces get narrower at the sides faster than they get shorter. This is called grading, and it's how clothing is made everywhere. It means anything placed near the side seams can move past the cut line on smaller sizes. The Scaling method setting puts that decision in your hands, per layer.

The two scaling methods

One rule applies to both, and it's the most common misunderstanding: in both methods your artwork gets smaller as the garment gets smaller. Size is never the difference; the only difference is how each layer is positioned on smaller sizes. You choose the method in Layer Settings, and Size Preview updates instantly so you can compare.

Adapt to each size (default for new layers)

The layer is positioned separately for every size, relative to that size's own print area. A logo stays the same relative distance from the seam on every size. It's always fully visible and nothing is trimmed; spacing between layers can shift slightly between sizes. Best for logos, text, numbers, badges, and anything near a seam or edge.

Scale with design

All layers are treated as one image and scaled down as a whole for each size. The layout stays identical on every size, but parts near the side seams fall outside the cut line on smaller sizes and are trimmed (intentional bleed for backgrounds). Best for background images, full-bleed artwork, repeating patterns, and artwork where elements must stay aligned to each other.

Neither method is better; they solve different jobs, and most designs use both: a background on Scale with design, and logos or text on Adapt to each size.

Choosing per layer: a 10-second guide

Ask one question per layer: what matters more, staying visible or staying in place? Backgrounds and edge-to-edge artwork: Scale with design (trimming at seams is intentional bleed). Logos, text, numbers, badges: Adapt to each size (never cut off). A small element centred on the chest: either works, keep the default. Connected illustrations that must stay aligned: Scale with design, and keep the important parts inside the safe print area.

How to change a layer's scaling method

  1. Open your product in the Creator on Step 1 (Design).
  2. Select the layer, on the canvas or in the Layers list.
  3. Open Layer Settings (the panel on the right).
  4. Under Scaling method, choose Adapt to each size or Scale with design.
  5. The choice applies immediately to that layer only. Save as usual.

Check every size before you publish

We recommend a quick Size Preview pass on every design before publishing, especially when a layer sits close to a seam. For Adapt to each size layers, confirm spacing still looks good on the smallest sizes. For Scale with design layers, confirm nothing important is trimmed at the seams: background bleed is fine, a logo crossing the seam is not.

What "trimmed" really means

Nothing is deleted from your file. The full image is printed on the fabric; the panel is then cut along the cut line and sewn, and artwork past the cut line is trimmed away with the excess. In manufacturing this overflow is called bleed and it's standard in all cut-and-sew production. For backgrounds it's exactly what you want, guaranteeing the print reaches into the seams with no gaps. The safe print area (the red dashed line on your canvas) is a related but separate guide: keep critical elements inside it on the canvas size, then let the scaling method handle the other sizes.

FAQ

Which method for a logo or text?

Adapt to each size, they must stay fully visible on every size. That's why it's the default.

Which method for a background image?

Scale with design, backgrounds are meant to run past the cut line on smaller sizes. That trimmed overflow is intentional bleed.

Why is part of my design cut off on smaller sizes?

That layer is on Scale with design and sits close to a seam. Switch it to Adapt to each size, or move the element inside the safe print area, and check in Size Preview.

Does my artwork stay the same physical size on every size?

No. In both methods artwork scales down with the garment, keeping the same visual proportion. The methods differ only in positioning.

Can I mix methods in one design?

Yes, and it's recommended: Scale with design for the background, Adapt to each size for logos and text.

What about designs made before this feature?

They keep their original behaviour (Scale with design), so existing products and reorders don't change. New layers default to Adapt to each size, and you can change any layer anytime.

Hicham Amrani
Hicham Amrani

E-commerce enthusiast & founder @ Subliminator.

Close icon
Cookie Preferences

Gradeo uses cookies and similar technologies to access and use your data for the purposes listed below. Please provide your consent for cookie usage on this website. Enable one or more of the cookie types listed below, and then save your preferences.

Strictly Necessary Cookies
Always Active
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you, which amount to a request for services, such as setting your privacy preferences or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site may not then work.
Marketing Cookies
These cookies may be set through our site by our advertising partners. Those companies may use them to build a profile of your interests and show you relevant adverts on other sites. They do not store personal information directly but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Performance Cookies
These cookies allow us to count visits and traffic sources to measure and improve our site's performance. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and, therefore, anonymous. If you do not allow these cookies, we will not know when you have visited our site and will not be able to monitor its performance.
Analytics Cookies
These cookies enable the website to provide enhanced functionality and personalization. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies, some or all of these services may not function properly.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.