On storefront, artwork will not be previewed in original size, but will be rendered in a limited size.

Why would that happen?
Since Dec 2020, the artwork editor of teeinblue has become a mobile-focus design tool. Because:
According to our analytics, there are more than 95% of customers coming from Mobile devices.
The original size of a layer (uploaded by the sellers) caused a heavy load on the storefront.

Mobile users usually require a fast-loading web, and small images can display well on mobile devices.
Therefore, teeinblue will render all layers in an artwork in a limited size on storefront to improve app performance on mobile.

Does that affect the customer's order?
No - It will NOT affect the customer's order.
It only applies to the preview on artwork editor and on storefront.

How layer's size on preview will be changed?
First, you need to set a Limit max-width option in Advanced Settings

Then, the preview size of layer will be calculated based on the Limit max-width option above and the Artwork size (in Artwork editor).

Here is the formula:
Layer's preview size = Layer's original size x Limit max-width size / Artwork size (Maximum resized size = limit max-width option. Minimum resized size = 100px)
Imagine you have an artwork for T-shirt with size: 4050x4650. In that artwork, you add a full-size background, a dog layer and a wing layer.
And you set the limit max-width option is: 600px.

Then on storefront:
The background layer (original size = artwork size) will be generated as the limit max-width size = 600px.
The dog layer (original size = 1500px) will be generated as 1500x600/4050 = 222px
The wing layer (original size = 500px) will be generated as 500x600/4500 = 66px (but it will be resized at min 100px)
Maximum size = your setting or 600px by default
Minimum size = 100px

Change of Limit max-width size only affects layers uploaded afterward. You'll need to re-upload old layers to apply new size.
Was this article helpful?
Thank you!