Anyone has the same problem with color tone of the image changing when upload the product image.
The color will be slightly more pale than the original image on my computer.
Seems like Shopify reduced the quality of the uploaded image to make the size smaller, but it is affecting me a lot.
Any ideas on how to solve this?
This is a finicky problem and hard to pin point because it could be caused by a few issues. Are you using Photoshop's Save for web feature to edit your photos? If so read this article http://viget.com/inspire/save-for-web-simply
From what I understand the issue occurs because different monitors and browsers handle colors differently. For example IE10 doesn't support color profiles but Chrome does. Some monitors use the sRGB colos space, but some are in the aRGB (wide gamut)
I added your image to my test Shop: http://themetest.myshopify.com/products/test-2 do you still see the issue?