Homepage › Support › Callisto Shopify › Image quality reduced when uploading to homepage slider
This topic contains 5 replies, has 2 voices, and was last updated by planetshine 1 year, 8 months ago.
-
AuthorPosts
-
March 25, 2018 at 11:22 am #8894
Hi,
I notice that slideshow images get a huge reduction in image quality. Not the size, but the quality. This is especially so for simple graphics and text, not photos. See attachments. I did resize the image to 944px x 324px but same result. Original size was 170-350kb but after upload it becomes 31kb.
What I have tried with no results:
– Upload PNG instead of JPG
– Increased PPI
– Export to maximum quality
– Color profile sRGBIs there a way to not reduce image quality when uploading?
Attachments:
You must be logged in to view attached files.March 26, 2018 at 7:35 pm #8905Hey,
Can you give me a link to your site where I could check this out in action? Generally speaking image scaling is done by Shopify, but I’m quite surprised by this issue since I have not seen it before. Maybe you can try to use much larger images and allow Shopify to scale then down?
March 27, 2018 at 5:30 am #8912This reply has been marked as private.March 28, 2018 at 8:17 pm #8924This reply has been marked as private.March 29, 2018 at 1:48 pm #8934I found that images are fine, but not images with texts. If you notice it in my picture comparison, only texts area are messy. It seems the problem is from shopify side. I googled “shopify reduce image quality”, many comes up but with no fix. Some examples but using other themes:
Here
Here
HereSome suggest a temporary fix by changing asset_img_url: ‘master’ but I can’t find the code in Callisto theme.
If there is still no fix, I have to find another way to present my website.April 2, 2018 at 3:52 pm #8944The file you should edit is snippets/homepage-slider.liquid.
Try replacing this:
<a href="{{ settings.slider_item_1_link }}">{{ 'slider-item-1.jpg' | asset_url | img_tag: settings.slider_item_1_title }}</a>
with this:
<a href="{{ settings.slider_item_1_link }}">{{ 'slider-item-1.jpg' | asset_url | img_tag: settings.slider_item_1_title, '', 'master' }}</a>
This should force the master size to be used for the first slider image. The rest can be edited in a similar way further down the file.
-
AuthorPosts
Learn more about Renewing Item Support and Themeforest Item Support Policy.