Table of contents

General information

Zyro templates are responsive, meaning that images will stretch or shrink depending on the screen size and resolution the website is viewed on. Zyro builder also automatically compresses all the images in order for the website to load fast.

This means that there is no one set of dimensions for perfect image size. Even though there is no optimal image size for image elements nor for section background images, you can resize image elements or change section height however you want.

You can also edit (e.g., resize or crop) the picture outside the Zyro website builder and then re-upload it.

Product images

Product images look best when they appear to be the same size: use a consistent aspect ratio (height-to-width ratio) and orientation for all the product images that you add to a product gallery. This way, images display better side by side because they all display the same size.

difference of the images in the gallery

Show the various perspectives of the product (the front, side, underneath, close-up, etc.) so customers can see what they are buying in detail.

With the Lite store, you can upload up to eight images per product, and with the Advanced store, you can upload as many images per product as you like. It is also possible to embed images (and videos) into product descriptions. You can set the image size and orientation of product thumbnails in your store in the Store manager → Design. There are several preset design options available to choose from.

You can upload product images of any size up to 20 MB. If you add large product images, they are automatically compressed, so your products load fast and fit well on both desktop and mobile. We recommend using JPG, PNG, and GIF images for your product images.

When you add multiple images to a product, the first uploaded image is considered the main product image. It will be shown as a product thumbnail on a category page and as the first image on the product page. To change the main image, drag a different image to the first place. You can also sort the other images by dragging them.


For best performance, we recommend using the following specifications for your website's visuals:

  • The recommended link preview image size is 1200×630 PX.

  • The recommended favicon size is 16×16 / 32×32 / 64×64 PX.

  • It is recommended to upload a logo in .PNG or .SVG formats, as logos are usually transparent. Try out Zyro Logo Maker 🎨

  • Other Zyro AI tools for editing images:

  • Avoid uploading images with spaces or non-Latin symbols in titles.

  • Check out the free images – you can always access them in your media library:

Additional resources

Did this answer your question?