Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi Shopify!
For my product images I need to achieve - customizing a theme for my shop here - that Shopify's CDN-delivered image files (currently WEBP) are indeed lossless with respect to my original uploaded image files (PNG). With my current configuration I am looking at the following ... loss in pixel accuracy (left > right):
Context:
- This difference (above) may not seem like a such a big deal, but since I am using those images as textures in a WEBGL canvas shader in my shop, this kind of loss causes substantial artifacts in my product presentation.
- I am currently using the
{{ filename | file_img_url: 'master' }}
filter to retrieve the files in question, which returns the original image resolution (which is a good start).
So, dear Shopify, how can we achieve that Shopify's WEBP-versions of my PNGs are in fact lossless?
Or, as a fallback, how can I get the CDN to deliver my original PNGs instead (much bigger, not recommended)?
Thank you for any suggestions!