Image swatch ratio

Adjust the file sizes of the image swatches to maintain system performance and decide how it displays on the swatch frame

This function is to optimize the image displayed in the swatch, if you do not use image swatch, please ignore this setting

Set up

1

Navigate to the settings page.

In admin GLOBO Color Swatch, navigate to setting page -> Image swatch

2

Setting file size image reducer

• The smaller the width and height, the faster the image loads.

• On the contrary, the larger the width and height of the image, the slower its display speed.

• By default, we set it to 150px, you can adjust it to suit your needs.

Setting width, height image size

💡 Tips: You can use the size in appearance -> setup swatch -> width and height as the size for the image swatch.

Example 1:

• The image size in the interface is 35px by 35px.

• You can set the image swatch size to 35px by 35px. If the image appears unclear, try increasing the size to around 50-60px.

• By adjusting the image size this way, the loading speed will improve significantly, reducing the load time by more than half compared to the default size of 150px.

Example 2:

• The image size in the interface is 300px by 300px.

• You should set the image swatch size to 300px by 300px. If you keep it at 150px, when the image is enlarged from 150px to 300px, it will become blurry and not look good.

3

Setting image background-size

• We support you to change the image display style according to cover or contain, to optimize the image display.

• You can adjust in setting page -> background size

Example image background-size:

4

Save setting