This article is also available in:
On storefront, images in artwork will not be previewed in the original size, but will be resized to a limited size.

Why would that happen?
According to our analytics, there are more than 95% of customers coming from Mobile devices
The mobiles' screen is usually small that it doesn't need big images.
The original size of an image (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 image layers and cliparts in an artwork in a limited size on storefront to improve speed on mobile, and also to avoid others downloading the original designs.

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. The order design will use the original size of the images.

How image's size on preview will be resized?

First, you need to set a Limit max-width option in Advanced Settings



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

Here is the formula:
Image's width or height (whichever bigger) will be resized to:
= Image's original width x Limit max-width / Artwork size's width or height (whichever bigger)
Maximum resized size = limit max-width option. Minimum resized size = 250px

Example:
In Artwork, you have these images:



A full-size background with original size = 4000 x 6000
A dog image with original size = 2000 x 2000
A bone image with original size = 500 x 200
Limit max-width = 600
Artwork size = 4000 x 6000

Then the images will be resized:

ImageResized WidthResized Height
Background267px (calculated from resized height)4000 x 600 / 6000 = 400px
Dog2000 x 600 / 6000 = 200px200px (calculated from resized width)
Bone500 x 600 / 6000 = 50px → 250px (min resized = 250px)100px (calculated from resized width)


Based on this formula, if you want to increase the image's resized size, you can increase the Limit max-width option and the image's original width.

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?
Cancel
Thank you!