Woodstock works with any image size well. This guide only shows you the image sizes being used in our demo stores. We will use the expression width x height to indicate the size of the image, for example, 90x50, which means the width of the image is 90px and the height of the image is 50px.
Light demo store
LOGO: 90 x 47 (px)
SLIDESHOWS, IMAGE BANNERS: 1920 x 700 (px)
The image's focus point should be in the middle, as this image will be automatically resized and cut off based on the screen size.
COLLECTION LIST: 750 x 625 (px)
The image's focus point should be in the middle, as this image will be automatically resized and cut off based on the screen size.
PRODUCT IMAGES
There is no recommended size, as it all depends on how you'd like to showcase your products. It could be square images, horizontal images, or vertical images. The recommendation though is to try to stay consistent, use JPG (PNG) format, and upload images that are as large as possible to give the theme enough flexibility to choose the correct size based on the device. For instance, if you like square images, you can go ahead with dimensions 1000x1000 (or more), or something like 1000x800 for rectangle images,...
BANNER IN FEATURE COLLECTION SECTION: 1200 x 1050 (px)
The image's focus point should be in the middle, as this image will be automatically resized and cut off based on the screen size.
Dark demo store
LOGO: 90 x 47 (px)
SLIDESHOWS, IMAGE BANNERS: 1920 x 700 (px)
The image's focus point should be in the middle, as this image will be automatically resized and cut off based on the screen size.
COLLECTION LIST: 750 x 625 (px)
The image's focus point should be in the middle, as this image will be automatically resized and cut off based on the screen size.
PRODUCT IMAGES
There is no recommended size, as it all depends on how you'd like to showcase your products. It could be square images, horizontal images, or vertical images. The recommendation though is to try to stay consistent, use JPG (PNG) format, and upload images that are as large as possible to give the theme enough flexibility to choose the correct size based on the device. For instance, if you like square images, you can go ahead with dimensions 1000x1000 (or more), or something like 1000x800 for rectangle images,...
Comments
0 comments
Article is closed for comments.