Image in footer is blurry

Shopify Discussion
, , , ,

Topic summary

A Shopify store owner is experiencing a blurry logo in their website footer (murelle.co), despite the image appearing clear in the backend. The logo needs to remain full-scale per design requirements.

Proposed Solutions:

  • Multiple users suggested adding custom CSS code to theme.liquid file (before or tags) to improve image rendering
  • One user recommended editing footer.liquid file to change image width parameters from 1100 to 2000 (lines 116 and 119)
  • Another suggested checking theme documentation for recommended logo dimensions and uploading at exact specifications

Current Status:
The issue remains unresolved. The store owner tried using a 1950 x 500px image but reports the logo is still blurry. They’ve clarified they need the full-scale display shown in their screenshot, not a smaller version.

Screenshots were shared showing both the problem and proposed CSS solutions, though the original poster has not yet confirmed whether any code-based fixes resolved the blurriness.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi All,

I need help with my shopify website - we have added the client’s LOGO as an image to the footer - this is a design requirement - but the logo is super blurry even though on the backend it looks clear and crisp. How do I make sure the logo doesn’t lose clarity and stays clear?

Screenshot 2025-06-13 at 11.57.30 AM.png
Screenshot 2025-06-13 at 11.57.30 AM.png2940×1912 734 KB

website:
www.murelle.co
password:
12345

1 Like
2

Mustafa_Ali_0-1749796806353.png
Mustafa_Ali_0-1749796806353.png321×523 170 KB

Mustafa_Ali_1-1749796894950.png
Mustafa_Ali_1-1749796894950.png1267×610 471 KB

hey @snk729 dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

3

Hello @snk729

Try this code:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

Result:

screenshoteasy (39).png
screenshoteasy (39).png1341×628 538 KB

4

Hi @snk729 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Result:

websensepro_0-1749798484246.png
websensepro_0-1749798484246.png414×567 258 KB

websensepro_1-1749798501960.png
websensepro_1-1749798501960.png1348×635 557 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

5

Hi @snk729

You can go to your store admin > Sales channels > Online Store > Themes > click “…” in Current theme > Edit code > open footer.liquid file, change 1100 to 2000 in lines 116 and 119, save file and check again.

Screenshot 2025-06-13 at 16.07.24.png
Screenshot 2025-06-13 at 16.07.24.png2374×898 278 KB

6

Hi thanks for the reply! I actually need it to he full-scale - like how it is in the screenshot, but its currently blurry

7

Hi thanks for the reply! I actually need it to he full-scale - like how it is in the screenshot, but its currently blurry

8

without coding, you should check the recommended size of logo on the theme documentation and make it exactly that so that it will not change sizing and quality.

9

Hi - tried doing this the image is still blurry

www.murelle.co
password:
12345
logo in footer - i tried using 1950 x 500 too