images are having different color tones once i upload them to opencart server

Newbie

Posts

Joined

Mon Nov 30, 2020 1:26 am

Post by Sunday1045 » Mon Nov 30, 2020 1:35 am

hello.
im new to the opencart

im trying out some things and everytime i make graphics for my website (whether its in illustrator or ps) i export them and the moment they reach opencart server they are changing the colours. i tried other websites and it works ok

example

1. exported banner in windows explorer

2. same file uploaded on opencart server

Newbie

Posts

Joined

Mon Nov 30, 2020 1:26 am

Re: images are having different color tones once i upload them to opencart server

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Post by sw!tch » Mon Nov 30, 2020 2:19 am

Opencart version and theme used? Can you attach the actual image you are having problems with?

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Re: images are having different color tones once i upload them to opencart server

Newbie

Posts

Joined

Mon Nov 30, 2020 1:26 am

Post by Sunday1045 » Mon Nov 30, 2020 2:33 am

sw!tch wrote: ↑
Mon Nov 30, 2020 2:19 am
Opencart version and theme used? Can you attach the actual image you are having problems with?

sorry i didnt provide the specifics in the OP.

OpenCart © Version 3.0.3.3
Junno 1 theme (shoes)

Newbie

Posts

Joined

Mon Nov 30, 2020 1:26 am

Re: images are having different color tones once i upload them to opencart server

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Post by sw!tch » Mon Nov 30, 2020 2:53 am

Try embedding a sRGB color profile when you export from photoshop.

Last edited by sw!tch on Mon Nov 30, 2020 2:58 am, edited 1 time in total.

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Re: images are having different color tones once i upload them to opencart server

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Post by by mona » Mon Nov 30, 2020 2:56 am

There are so many variables in play.
First screen colours are dependant on various user-end things, so to be honest its somewhat ‘irrelevant’ from that perspective.
Second they are also dependant on browsers

That aside as this might simply be your personal annoyance. and presuming there is no transparency at play.
There is some compression at play.

However saving as a png and compressing it using an online compressor such as tinypng.com would be advisable and improve it significantly enough for you to be happy.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.

https://www.youtube.com/watch?v=zXIxDoCRc84

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Re: images are having different color tones once i upload them to opencart server

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Post by sw!tch » Mon Nov 30, 2020 3:00 am

Pretty sure its the color profile the OP has attached on the image. Japan Color 2002 Newspaper. .. could be wrong though.

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Re: images are having different color tones once i upload them to opencart server

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Post by by mona » Mon Nov 30, 2020 3:13 am

sw!tch wrote: ↑
Mon Nov 30, 2020 3:00 am
Pretty sure its the color profile the OP has attached on the image. Japan Color 2002 Newspaper. .. could be wrong though.

You are probably correct, either way, compressing it with tinypng will solve the issue of its size and its colour ..
It was just the timing of the posts

hope you are having a great weekend

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.

https://www.youtube.com/watch?v=zXIxDoCRc84

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Re: images are having different color tones once i upload them to opencart server

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Post by sw!tch » Mon Nov 30, 2020 3:30 am

by mona wrote: ↑
Mon Nov 30, 2020 3:13 am
You are probably correct, either way, compressing it with tinypng will solve the issue of its size and its colour ..
It was just the timing of the posts

hope you are having a great weekend

You are correct as well and also good advise for the OP. tinypng.com would also resolve the issue as it converts the color profile back to rgb. I think the root of the problem is the OP has the image in CMYK with a printing profile.

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!

Active Member

Posts

Joined

Sat Apr 28, 2012 2:32 pm

Re: images are having different color tones once i upload them to opencart server

IP_CAM

Legendary Member

Posts

13014

Joined

Tue Mar 04, 2014 1:37 am

Location

Switzerland

Post by IP_CAM » Mon Nov 30, 2020 8:09 am

I still use the mopst simple to handle legendary MS Image Composer,
to create nice .PNG images:
Image Composer 1.5 for Windows
https://www.cottontech.com/imgcomp/
https://www.wiserbit.com/web-developmen ... r-1-5.html
and then get them compressed online, each-one, or in bulk:
https://www.giftofspeed.com/png-compressor/
to so have top-compressed and good looking x.png
Images, adding to well-done Site Tester Results ...

Image Composer seems to still be able to use later Windows Versions.
Ernie

PS: It's a complete CD Mirror Download, including lots of sample Pics,
containing 212MegaByte of Data, so, relax, until it's done.
---

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

IP_CAM

Legendary Member

Posts

13014

Joined

Tue Mar 04, 2014 1:37 am

Location - Switzerland

Re: images are having different color tones once i upload them to opencart server

Newbie

Posts

Joined

Mon Nov 30, 2020 1:26 am

Post by Sunday1045 » Mon Nov 30, 2020 8:31 am

it was rgb issue. i wasn`t noticing that both PS and AI were exporting into a different color profile

thanks for the help!

Newbie

Posts

Joined

Mon Nov 30, 2020 1:26 am

Re: images are having different color tones once i upload them to opencart server

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Post by by mona » Mon Nov 30, 2020 9:38 am

IP_CAM wrote: ↑
Mon Nov 30, 2020 8:09 am

The giftofspeed compressor compresses better than tinypng, it does effect the quality a little more and looses some depth of colour, depends on the complexity of the image.
What is useful about tinypng, despite its name, will compress jpeg also and produces a web friendly image. As Sw!tch points out if you put in CMYK it will still return a converted RGB. There is a limit to the “bulk” option unless you have it on your computer - and - it is Mac friendly.

The other advantage is that you can compress it again and then again .. and again if you like .. each time checking the image quality whilst you compress it a little more. If you do it that way you can actually get a better quality image at a lower size ..

As discussed above, there are numerous factors that effect what you can see on these examples .. what is important to you and how much effort you want to put in .. the bottom line - from 1.5mb to under 200kb and you will not see the difference in the image and you will on web loading speed - so compress your images - not for some SEO speed recommendation, but for the poor customer who has to wait and gets them stored on their computers !

Attachments

giftvtiny.png (343.51 KiB) Viewed 607 times

giftvtiny-1.png (75.21 KiB) Viewed 607 times

giftvtiny-2.png (82.56 KiB) Viewed 607 times

Last edited by by mona on Mon Nov 30, 2020 9:53 am, edited 1 time in total.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.

https://www.youtube.com/watch?v=zXIxDoCRc84

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Re: images are having different color tones once i upload them to opencart server

Expert Member

Posts

Joined

Mon Jun 10, 2019 9:31 am

Post by by mona » Mon Nov 30, 2020 9:45 am

The original - for completeness

Attachments

orgcopy.png (2.5 MiB) Viewed 603 times

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.

https://www.youtube.com/watch?v=zXIxDoCRc84

Expert Member

Posts