Blurry banner dawn and remaining amount for free shipping not updating

Topic summary

Two issues raised: a banner uploaded as GIF and MP4 appears blurry, and a “remaining amount for free shipping” script only updates after a page refresh.

Media blurriness: One reply suggests checking that the media’s dimensions match the banner slot in the theme to avoid stretching or resizing. It also recommends exporting higher-quality versions and balancing file size vs. compression, since excessive compression can degrade visual clarity.

Terminology: GIF is an animated image format; MP4 is a video format. Both can look soft if scaled beyond their native resolution or heavily compressed.

Free-shipping script: The update problem (only refreshing after a page reload) was acknowledged by the original poster but not addressed in the reply. No fix or cause has been provided yet.

Status and actions: No resolution yet. Action items suggested: align media dimensions with the theme’s recommended sizes, re-export at higher quality, and optimize compression settings. The script issue remains open and likely needs additional guidance or code review.

Summarized with AI on January 27. AI used: gpt-5.

Hi community, i made a gif for my banner but it became blurry, then i tried with the mp4 and again it became blurry.

Also i have a script for the remaining amount to be added to the cart for free shipping but it only updates after refreshing the page.

Anyone that can help?

To address the issue of your banner becoming blurry when using a GIF or MP4 format, it’s important to consider the following factors:

  1. Image dimensions: Ensure that the dimensions of your GIF or MP4 file match the dimensions required by your theme or website. If the image is stretched or resized to fit a different aspect ratio, it can result in blurriness. You may need to resize or crop the image to match the recommended dimensions.

  2. Image quality: When creating or exporting your GIF or MP4 file, make sure to use a high-quality version of the image. Lower-quality images can appear blurry or pixelated when displayed.

  3. File size: Balancing the file size and image quality is crucial. Large file sizes can slow down your website’s loading speed, while excessively compressing the image can degrade its quality.