Issue: The homepage banner appears blurred on a Showcase theme site despite exporting and uploading the image in multiple formats (JPG, PNG, SVG, WebP) and sizes. The file preview in Shopify is clear, suggesting a theme/code or compression issue, potentially related to Shopify’s image handling (per the referenced thread on aggressive compression).
Responses: A helper states this will require custom code changes. When asked to provide the exact code (similar to the referenced solution), the helper requests access to or a snippet of the actual theme code to proceed.
Status: No resolution yet. The helper cannot prescribe changes without reviewing the specific code rendering the banner.
Next steps: The site owner needs to share the relevant theme files/section code where the banner image is implemented for targeted guidance.
Notes: The image itself and how the theme processes it are central to understanding and resolving the issue. Unanswered: The exact code modifications to prevent or reduce blurring/compression.
I exported my design in JPG, PNG, SVG, and WebP in many variations of sizes, resolutions, etc., but my homepage image still ends up blurred even though the upload in my Files is clear. I think this is code-related now, but I don’t know how to do that. Can someone help me out?
Referencing this.
This require custom change in code file
Are you able to type out the code I need to change, like the solution in the reference I linked?
First I need to see the actual code only then i will be able to provide the solution