Website Building » WooCommerce » How do I resize an image in WooCommerce?

How do I resize an image in WooCommerce?

Last updated on September 24, 2022 @ 9:59 pm

When working with images in WooCommerce, it is important to be aware of the different resolutions that are available. There are three primary resolutions that WooCommerce supports: 100%, 72dpi, and 300dpi.

When creating an image for use in your shop, it is important to choose the resolution that best suits the intended use.

For example, if you plan to use an image as a product thumbnail, it is best to choose a resolution of 100%. If, on the other hand, you plan to use the image in a product detail page or in a product listing, it is best to choose a resolution of 72dpi.

PRO TIP: If you are not familiar with image editing software, we recommend that you do not attempt to resize an image in WooCommerce. Incorrectly resizing an image can result in a distorted or low-quality image.

Finally, if you only plan to use the image on a single page, such as a home page, the resolution can be reduced to 300dpi.

When sizing an image, it is important to keep these three resolutions in mind. Additionally, it is important to remember that not all devices will display images at the same resolution.

For example, a desktop computer will likely display images at a resolution of 72dpi, while a tablet will likely display images at a resolution of 300dpi.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.