# Uploaded gif images appear blurry

**URL:** <https://forum.builder.io/t/uploaded-gif-images-appear-blurry/4678>\
**Category:** General\
**Created:** [December 20, 2023, 6:21am UTC](https://forum.builder.io/t/uploaded-gif-images-appear-blurry/4678 "2023-12-20T06:21:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Apurva](https://avatars.discourse-cdn.com/v4/letter/a/dec6dc/32.png) [@Apurva](https://forum.builder.io/u/Apurva)\
**Post date:** [December 20, 2023, 6:21am UTC](https://forum.builder.io/t/uploaded-gif-images-appear-blurry/4678/1 "2023-12-20T06:21:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![myzuru90](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@myzuru90](https://forum.builder.io/u/myzuru90)\
**Post date:** [February 27, 2024, 9:18am UTC](https://forum.builder.io/t/uploaded-gif-images-appear-blurry/4678/2 "2024-02-27T09:18:10Z")

</div>

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](https://jpeg-optimizer.com/), 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.