Werenberg is a furniture shop located in a small town of Brenderup, Denmark. On their online shop they sell furniture and use the site to promote their products that they don’t sell online. (more…)
We receive a lot of questions about Prestashop 1.7 website managing. So today I’m going to show you how to configure image sizes.
At first, you should know, that all images that you upload on Prestashop, are automatically resized in different versions for different purposes, such as smaller size images for catalog, preview, thumbnails, etc. So it’s enough to upload the only image of the best quality to make it appear in different areas. And one more important thing you should care about is size ratio. Make sure you upload images with correct dimensions to prevent blank spaces on the resized images.
Ok, let’s log into Admin Panel, then find Design section and click Image Setting under it.
Here is a list of image types you have on your site. These types depend on the theme that is installed.
In case you want to add a new one, simply click Add new image type button. Then name it, define width and height parameters and choose to which type of content it applies. That’s it, and don’t forget to click Save button.
Let’s get to the next section. It’s Images Generation Options.
Image format. JPEG format is recommended due to the higher compression ratio. But if you want to minimize images quality loss because of a format change, choose the option number 2: “Use PNG only if the base image is in PNG format”.
JPEG compression. It’s highly recommended to set this value not lower than 80.
PNG compression. It’s highly recommended to set this value not higher than 6.
Generate images based on one side of the source image. Here you can set the position of an image in the frame.
- Choose “Height” in order to fill the frame height.
- Choose “Width” so that the image fills the width of the frame.
- Choose “Automatic” so that the width and height are calculated to maximize the space it can occupy in the frame.
Maximum file size of product customization pictures. By default, this value is 8,388,608 bytes (8 Mb). And this is a limit for pictures that are being uploaded by your customers. You can expand this value if necessary, but make sure that your PHP installation is able to take file uploads of this size, and I don’t think it’s a good idea to clutter up your server with giant size images.
Product picture width. Set up the maximum width of the image that customers can upload.
Product picture height. Set up the maximum height of the image that customers can upload.
Generate high-resolution images. This is needed to make sure the images will look correct on the screens with high pixel density. It will create new files with a resolution twice higher.
And the last section is Regenerate Thumbnails. This is very useful in case you want to regenerate your thumbnails simultaneously and for some specific type of content.
So first you should change image size settings in the table above, then select the content type where images should be regenerated, choose whether erase or not previous images and finally click the Regenerate thumbnails button.
So now you know how to configure images in Prestashop 1.7. Feel free to ask any questions in the comments below.