Wix Pro Gallery: Setting the Image Quality for Gallery Media
4 min read
The Wix Pro Gallery allows you to set and customize the image quality per individual media files, or for all of your media at once.
Note:
We recommend you upload the best possible quality media files to your gallery to ensure the best results. Make sure to upload images / videos of at least 2560 X 1440 pixels in resolution. We optimize them to the exact dimensions displayed on screen, without any loss of quality.
In this article, learn more about setting the image quality for:
Setting the image quality for individual media
- Click the Wix Pro Gallery in your editor.
- Click Manage Media.
- Click the relevant image / video and click the More Actions icon .
- Click Adjust Quality.
- Click the Adjust Image Quality toggle to change how the image quality is set:
- Enabled: Adjust the image quality of the media manually:
- Drag the Image Quality slider to increase or decrease the image quality.
Note: The higher the image quality, the longer it takes for your media to load. It is not recommended that you increase the image quality to above 90.
- Drag the Image Quality slider to increase or decrease the image quality.
- Disabled: The image quality is automatically set.
- Enabled: Adjust the image quality of the media manually:
- Click the Image Sharpening toggle to change how the image sharpening is set:
- Enabled: Adjust the image sharpening of the media manually:
- Amount: Increase or decrease the amount of sharpening applied to the image.
- Radius: Increase or decrease the number of pixels from the edge that the sharpening affects.
- Threshold: Set how different a pixel must be from the surrounding area before it’s considered an edge pixel and sharpened by the filter.
Note: The lower the threshold number, the more intense the sharpening effect.
- Disabled: The image sharpening is automatically set.
- Enabled: Adjust the image sharpening of the media manually:
- Click Apply.
Setting the image quality for all media
- Click the Wix Pro Gallery in your editor.
- Click Settings.
- Click the Advanced tab and scroll to the Advanced Image Settings section.
- Customize the image quality using the following options:
- Image Quality: Drag the Image Quality slider to increase or decrease the quality.
Note: It is not recommended that you increase the image quality to above 90, as this may lead to a reduction in your site's performance. - Image Sharpening: Click the toggle to change how the image sharpening is set:
- Enabled: Adjust the image sharpening of the image manually:
- Amount: Increase or decrease the amount of sharpening applied to your media.
- Radius: Increase or decrease the number of pixels from the edge that the sharpening affects.
- Threshold: Set how different a pixel must be from the surrounding area before it’s considered an edge pixel and sharpened by the filter.
Note: The lower the threshold number, the more intense the sharpening effect.
- Disabled: The image sharpening is automatically set.
- Enabled: Adjust the image sharpening of the image manually:
- Convert images to WebP: WebP is an image format that makes images on the web smaller by 25-35%. Enable or disable the toggle according to your preference. We recommend keeping the toggle enabled, as disabling it may affect your site's loading time.
- Enabled: (Recommended) Images are converted to a WebP format.
- Disabled: Images display in their original file format. This may affect site loading time.
- Automatically resize images: Wix automatically resizes gallery images to optimize media loading time and preserve site visitor's viewing experience. Click the drop-down to choose when images are resized. We recommend keeping the setting set to Always so that your site's loading time is not affected.
- Always (recommended): Gallery images are automatically resized to improve your site's loading time.
- Gallery Only: Only media in the main view of the Pro Gallery are resized. Images in the Expand Mode display in their original resolution.
- Never: Media load in their original resolution. This may affect your site's loading time, but also allows for better pinch zoom / zoom in with the magnifying glass in the Expand mode.
- Image Quality: Drag the Image Quality slider to increase or decrease the quality.
Important:
By default, browsers automatically apply aliasing to images to prevent distortion. This is to reduce visual artifacts and other glitches that can result from images displayed in their original quality. A browser's down-scaling algorithm may lead to data loss in high-resolution images. As a result, rendering full-resolution images smaller than the image's actual size affects image quality. This generally results in a smoothening of colors or blurring of the image on your live site in comparison to the original file.
Notes:
- Sharpening your image does not affect the contrast of the whole image. The sharpening tool only increases the contrast of the edges of lines within the image. The brighter sides of edges become brighter while the darker sides become darker.
- If you use a very low sharpening threshold, the algorithm may recognize image noise as edges or borders. This can make the image noise more noticeable since the contrast of the noise is increased.
- If your images look over-saturated or too contrasted, try decreasing the values in the Sharpening section.
Did this help?
|