This is what I uploaded, 3800X800 PNG File created from an AI image. I’m not sure how much more hi-res I can upload.
Topic summary
Issue: Logo appears blurry on the Impulse theme.
Key details:
- Initial suspicion was a low-resolution asset, but the uploader used a 3800×800 PNG. There was also a brief file-type upload issue mentioned.
- Investigation shifted to theme code. The helper requested header.liquid and header-logo-block.liquid to inspect how image sizes are generated (via Shopify’s img_url and srcset).
Fix implemented:
- In header-logo-block.liquid, replace the computed image size assignment for desktop from the theme setting to a fixed, larger value: set header_logo_size to ‘1000x’. This forces higher-resolution logo URLs and leverages existing 1x/2x srcset.
- For mobile, apply the same approach by setting header_logo_size_mobile to ‘1000x’.
- Result: Original poster confirmed the desktop blur was fixed, then replicated the change for mobile with success.
Status:
- Resolved for the original poster after code edits.
- Another participant reports the same issue on Impulse (not on other themes) and has not yet resolved it; no further guidance provided in-thread.
Notes:
- Code snippets were central to the resolution.