What happened here?

I'm taking weekly pictures of my wife's pregnant belly. For most of it I was using DPP to get from CR2 to Jpg then editing the jpg with Gimp and uploading. Everything looked great. This week decided I was good enough in LightRoom 5 to do the editing then export a Tiff to Gimp then use LR again to convert the tiff to websized JPG. Things did not look great.

On the left is the picture as it appears on my computer. On the right is the identical file after being uploaded.

I assume it's some sort of sRGB to AdobePhotoRGB or something. But other pictures that were just edited with LR5 can be uploaded with no change. So maybe not.

I don't know what programs those are, the viewer and the web browser. And it's not clear in what space the jpg was exported. And finally, I don't know what kind of monitor you have and whether it is calibrated/profiled.
But, the capture on the left looks like the image is either displayed in a color managed application or is appropriate for the monitor (sRGB on regular monitor, Adobe RGB on wide gamut monitor) and therefore doesn't need color management. The screen cap on the right looks like an sRGB image on a wide gamut monitor in an application without color management.

Have you tried opening the image in Firefox instead? I know that Chrome did have some color management issues earlier.

The thing is if I open the file in Chrome it looks fine it's only after it's been uploaded to a wordpress site that it shows with the green tint. As a test though I exported it with a Convert to sRGB and uploaded that and it looks just fine.

travisvwright wrote in post #16545041
The thing is if I open the file in Chrome it looks fine it's only after it's been uploaded to a wordpress site that it shows with the green tint. As a test though I exported it with a Convert to sRGB and uploaded that and it looks just fine.

Yeah, it's a color space issue that comes up now and then, so usually you'd never upload anything other than sRGB online, as there isn't much reason to do so.

Many devices still don't render 100% sRGB spectrum on their displays (iPad mini is 68% sRGB), and even the best photo monitors are 97% AdobeRGB, so in almost all cases the image you see when looking at an ARGB image is a conversion that your web browser or other application does on the fly to fit your screen's gamut. When that process isn't handled properly, you get that dark/green/bland look as per your example, also Chrome is notorious for poor color space handling.

My take is, unless you are a professional at photo processing and providing to clients who need the "best", it may not be particularly useful to have the "best" monitors and such. When I pick out a monitor, I look at the display to ensure that it will properly show the "stuff", then I lower the brightness.

From there, though, yeah, pay attention to things like the color space. There is indeed a difference between showing an image on the Web between sRGB, AdobeRGB and the Lightroom built-in ProPhotoRGB/MelissaRGB​.

Your color-managed photo apps may not show the difference, but a Web browser will tend to unless it's specifically color-managed. And if you want other people to view it online, I can pretty much guarantee unsatisfactory results! That's why we advise folks to only use sRGB for Web-posting!