Comment · Fri, December 11, 2020 · ND Owner
ND Website feedback
Original post in this thread
blxxdstxned · 23 points
ND team, first, thank you for all that you do!
Not sure if it has been brought to your attention, but the images on your website have been compressed to the point they are virtually illegible. Here is the label preview for lemon balm: https://cdn11.bigcommerce.com/s-cebedmpn/images/stencil/1280x1280/products/329/3557/Lemon-Balm-Extract-250g-2x6-LA\_\_27304.1584724761.jpg. The label for micromag powder is equally poor. This effect does not appear to be consistent, as bacopa's label preview seems perfectly fine.
It was a bit annoying, but not a huge deal. I know you guys run a tight ship, so I figured you would like to know.
What they were answering
ar-jan · 1 points
Multiple rounds of compression are likely to always be worse though. Sounds like it should be done either on BigCommerce side or before uploading, but not both.
u/MisterYouAreSoDumb · ND Owner
We figured out what the deal was. Bigcommerce forces the image to a ratio of whatever the user's screen resolution is. So it forces the image to be 50% of the user's screen. I have 4K screens, whereas some users have 1080p ones. My screen resolution is set to 3,840 pixels wide. When I click on the image it forces it to be 1,920 pixels wide, even if the native image is only 400 pixels wide. I think this is the real problem. Add the compression onto that, and you get ugly images. What we are doing is exporting the labels from Illustrator at 1,920 pixels wide, then compressing to 65% quality. That way it has enough image size to scale up for 4K screens without distorting everything, but are still compressed enough to have quicker page load times. For people on lower resolution screens, it will just scale down. I think that is a good balance between speed and quality.
So it was a combo of jpg compression and Bigcommerce scaling the image past its native size/resolution. Check out our Na-R-ALA powder listing to see what we switched to.
https://nootropicsdepot.com/r-lipoic-acid/
It should be much more clear now.