Uploaded gif images appear blurry, even after trying to upload images with different types of aspect ratios. Also tried the advance options available in builder i.e lock aspect ratio.
The rendered image appears smaller in size than the uploaded gif image in builder.
Code stack you are integrating Builder with
NextJS, react, Shopify
One thing that helped me was using a JPEG Optimizer. It might sound weird since we’re dealing with gifs, but it surprisingly improved image clarity for me. Also, when compress image, it sparked a memory – I had to mess around with the compression settings a bit. If you haven’t already, maybe give that a shot? Messing with those settings might help you get the image size right. As for the rendered image being smaller, did you check the dimensions in your code? Sometimes, NextJS or React might scale things unexpectedly.