Artwork Advanced Settings & Limit Preview size

Artwork Advanced Settings & Limit Preview size

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:
  1. According to our analytics, there are more than 95% of customers coming from Mobile devices.
  2. 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)

Example:
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:
  1. The background layer (original size = artwork size) will be generated as the limit max-width size = 600px.
  2. The dog layer (original size = 1500px) will be generated as 1500*600/4050 = 222px
  3. The wing layer (original size = 500px) will be generated as 500*600/4500 = 66px  (but it will be resized at min 100px)
  4. Maximum size = your setting or 600px by default 
  5. Minimum size = 100px

Re-generate Layers

After changing the Limit max width option in Advanced Settings, you can go to Artwork editor and click on Re-generate layers button to re-render your layers in the new size.


    • Related Articles

    • Artwork Size

      Artwork size is the size of the area containing your design file. How to set size for the Artwork When you create a new artwork, you need to set size for this artwork Click New artwork button then a window appear and you will set size for this ...

    • Set up artwork and printarea for Mug

      For mug, most fulfillment providers use the wrap-around method to print on the outside of the mug. That's why the mug's printarea is usually in a horizontal rectangle shape. Depending on the position you want to print on the mug, you will need to ...

    • How to add large size artwork for an order

      Currently, teeinblue can only support artwork size with maximum of 10.000x10.000 pixel (recommend 5000x5000px). In case you need a size bigger than that, you can create artwork in a smaller size (eg. 3000x3000px) for preview purpose. When having ...

    • Upload & manage Layers in Artwork

      Upload File In order to upload in Artwork, open the Artwork editor by clicking Edit on an artwork or creating new artwork. Click on Upload Artwork button to start uploading images, or click on Add Text to write text. The layers will show up in Layers ...

    • How Artwork fits in Printarea

      First, you can read more about how to setup Artwork size & Printarea size. The artwork which is customized and ordered by customers will be generated in Printarea size, and it will be the final size to be sent to fulfillment. Therefore, it's ...