Problems with Sizing Properly:
Its possible to set the image sizing with CSS, or through the Spark Pay image resizer. Pictures resized with CSS method may come out blurry, but the image resizer should provide sharp images.
Spark Pay provides multiple product picture settings. You can locate many of these under the Basic Settings of different catalog pages. This allows you to control many image properties, including thumbnail and picture display size.
The first time an image is accessed Spark Pay will cache it on the site. This allows quicker loading the next time an image is called. Using the resizing options will resize multiple images across the site. Its possible to use the image resizer for any supported picture type on the site.
The Usual Issue:
Ensure the CSS classes are not overriding your settings! It is possible to override the Image Resizer with CSS. This will cause a pixelated or blurry image.
Here's where to change the settings:
Themes > Edit Theme > Choose the page that's affected (in this case the category page) > Basic Settings > Picture Settings.
