The "Images" preference page enables you to configure the various image sizes that your customers will see on your shop.
When you upload an image on PrestaShop, PrestaShop automatically generates various sizes of this image, including thumbnails and a mobile version (depending on what this image will apply to). Therefore, you only have to upload one "master" version of your image, big enough to be resized into all the images sizes. If you want to make sure your image is correctly resized, you should upload an image that fits the size ratio of the various image sizes. If your uploaded image does not have the same width-to-height ratio than the settings in place, you are taking the risk to see whitespace on the resized image. |
You can enable image size for specific types of content, directly in the image sizes list.
In the "Products" page under the "Preferences" menu, you can choose to have a zoom appear when the cursor hovers over a product's image. |
You can easily add a new image size, and even set to which type of content it applies.
Click the "Add new" button, then:
Image format. You have the choice between two of the major file formats: JPEG and PNG. Both are well established among browsers. JPEG has a good compression ratio, but can result in visible artifacts. PNG's compression algorithm is not as good as JPEG's, but there are comparatively fewer visible artifacts; nonetheless, older browsers might not recognize this format.
Choosing between one and the other is often a matter of taste. That being said, JPEG remains the recommended choice. If you would rather prevent information loss because of a format change, choose the second option, "Use PNG only if the base image is in PNG format".
PNG format is not compatible with the "Watermark" module. |
You may be dissatisfied with your shop's current thumbnails size. This section makes it possible for you to regenerate them all – or only those for a specific type of content:
Manually-uploaded thumbnails will be erased and replaced by automatically-generated thumbnails. |