Greetings All,
Photos I'm uploading to OC end up blurry – only the pop up images seem fine.
I’ve a search on the issue & found it may have something to do with Opencart compressing the original images, another term I have found is image cache. The photos I’m uploading onto OC are in JPEG format, and vary between 20-900Kb, but all end up with the same amount of blurriness.
As a newbie, I don’t have a clue as to what to do to be honest, so any help would be really appreciated!
right click on one of the blurry images and select "image info". See if they are being resized. If they are like 60 x 60 being rescaled to 120 x 120, they will be blurry. So if this is the case, look at what you are setting your sizes to and adjust them to be at least the rescaled size.
Running Opencart v3.0.3.9 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
Labeshops,
Many thanks for your quick reply !
I've followed your advice & adjusted the images - they're now definitely better! Out of interest, do you know if adjustments to the image quality can be done in the stylesheet ?
Thanks again.
Many thanks for your quick reply !
I've followed your advice & adjusted the images - they're now definitely better! Out of interest, do you know if adjustments to the image quality can be done in the stylesheet ?
Thanks again.
You can set an image size in the css (which can get complicated - on some of my stores I set my images larger displayed into a smaller "frame" with overflow hidden) but quality is done thru the GD library when you upload the image. I want to say there is a way to change the compression level but dang if I can find it right now.
Running Opencart v3.0.3.9 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
image quality is mostly dependent on the originals you supply. in my opinion 900k is way too large unless these are for download. 50k - 150k is usually more than adequate if you use photoshop "save for web" or some quality jpeg encoding software to export your originals.cart builder wrote: Out of interest, do you know if adjustments to the image quality can be done in the stylesheet ?
as labeshops pointed out, if you resize images to a larger pixel dimension than the original or it will look blurry. CSS has almost nothing to do with the quality of the images displayed, unless you are scaling them there. with opencart, that usually isn't the case.
billynoah,
I've been trying to find info on GD Library as mentioned by labelshops but I think its too advanced for me. I totally agree with your advice re large jpeg files - only reason I did the larger ones was so that after they were compressed by OC, image quality would suffer less.
I was wondering what your thoughts would be on the following bit of info i've managed to dig up:
[open: system/library/image.php]
& go to:
public function save($file, $quality = 90) {
I'm not sure if this has anything to do with image compression. I have changed the number 90 to see what happens - it doesn't make any difference - i may need to clear the image cache first but do not know how to do this. Thanks.
I've been trying to find info on GD Library as mentioned by labelshops but I think its too advanced for me. I totally agree with your advice re large jpeg files - only reason I did the larger ones was so that after they were compressed by OC, image quality would suffer less.
I was wondering what your thoughts would be on the following bit of info i've managed to dig up:
[open: system/library/image.php]
& go to:
public function save($file, $quality = 90) {
I'm not sure if this has anything to do with image compression. I have changed the number 90 to see what happens - it doesn't make any difference - i may need to clear the image cache first but do not know how to do this. Thanks.
gd library is for php not css.
you can adjust the quality of the save function, however as 100 is the max, it's already set quite high & shouldn't need to. what exactly are you trying to achieve? maybe you could pm me or post a link with an example of your blurry thumbnails?
i'm working on a site right now and al the images are around 60k and look perfectly fine.
you can adjust the quality of the save function, however as 100 is the max, it's already set quite high & shouldn't need to. what exactly are you trying to achieve? maybe you could pm me or post a link with an example of your blurry thumbnails?
i'm working on a site right now and al the images are around 60k and look perfectly fine.
billy,
I'll briefly explain what i'm trying to do.
I'm hoping to set up an online shop and this involves photographing products, removing the background using photo editing software, and uploading them to OC. As I have been photographing the products myself, i have found this to be quite tricky and often difficult to do, and this is where there is some loss of image quality (i'm new to product photography). I think I may need to get the photography done professionally and then try & upload those photos to see whether they are better, its also very time consuming trying to get decent product photographs!
I'll briefly explain what i'm trying to do.
I'm hoping to set up an online shop and this involves photographing products, removing the background using photo editing software, and uploading them to OC. As I have been photographing the products myself, i have found this to be quite tricky and often difficult to do, and this is where there is some loss of image quality (i'm new to product photography). I think I may need to get the photography done professionally and then try & upload those photos to see whether they are better, its also very time consuming trying to get decent product photographs!
Who is online
Users browsing this forum: Bing [Bot] and 21 guests
