Viewing Thread:
"Problems with header - looks rubbish after upload"

Hi,

I changed my header image recently and have since had a problem with it looking completely rubbish. I have always uploaded PNG files as I've found the colour saturation and contrast is retained when it is often lost in jpegs and other file types. Now, however, even this isn't the case. I left it for a while to see if it had anything to do with the image needing to be moderated/approved but it's just the same...a bland version of what it should be.

All images upload and show faithfully elsewhere in the body content of the site.

Some particulars in case it matters:

1. I prefer to upload png files
2. I use Firefox for a browser on a macbook
3. I don't upload a logo on top of the header image.

Any help/fix would be much appreciated....

cheers

Hi,

I changed my header image recently and have since had a problem with it looking completely rubbish. I have always uploaded PNG files as I've found the colour saturation and contrast is retained when it is often lost in jpegs and other file types. Now, however, even this isn't the case. I left it for a while to see if it had anything to do with the image needing to be moderated/approved but it's just the same...a bland version of what it should be.

All images upload and show faithfully elsewhere in the body content of the site.

Some particulars in case it matters:

1. I prefer to upload png files
2. I use Firefox for a browser on a macbook
3. I don't upload a logo on top of the header image.

Any help/fix would be much appreciated....

cheers

Hi wondercloak and welcome to the Forums.

A URL would be helpful, to be able to see the problem that you describe :¬) and is this Instant Pro we are dealing with? Are you image size settings correct in your code?

Hi.

Thanks for the reply. My website is:

http://www.conservationphotojournalism.com/

It's an instant pro site.

And yes, the image is 702 pixels in width, as specified on the upload screen in the instructions.

You can see the difference in clarity between the header and the images below (all PNGs too).

Looking forward to some superior knowledge pointing me in the right direction to address this.

Thanks

Hi - nice website!

I can only guess that InstantPro is perhaps compressing your header image. The InstantPro header is 'special' as users have reported issues with animated GIFs in the past so it does behave differently than the main page body.

Compare the image file size (right hand click in browser) of the website version to your original to see it it's been reduced.

If that's happening perhaps a staffie will be able to say if there's a way round that.

[s]Hmmm...[/s] My Freeola InstantPro Site

Hello wondercloak,

Could you please try uploading your banner image again for me and let me know whether the result is any better?

Thanks Eccles and Hmmm...


I have checked the size and it's the same - 702 pixels wide on both the uploaded image and the header in the browser.

I have re-uploaded it and it's the same unfortunately. I tried it as GIF but it looks EVEN worse.

It might be worthwhile uploading the original image elsewhere so we can have a look.

One thing I do notice though, all of your images have embedded colour profiles and the header image doesnt. Eccles will be able to answer this properly, but I wonder if the header is undergoing something server side thats stripping the colour profile.

Hi.
Rather than the physical dimensions it's the actual file size that's worth checking - kbs rather than pixels.

But from Eccles reply it does sound as if some image processing is going on.


[s]Hmmm...[/s]


Edit - I'm writing this on my phone which has taken so long I missed Garin's reply...

Hi - thanks for all your help so far.

As per Dr Garin's suggestion, for you to compare the two images I have placed the file in the body text of a page here....

www.conservationphotojournalism.com/guides

And Hmmm.. yes the file size is smaller. Sorry for misreading your suggestion first-time around.

The original file size is 236kb and it's coming up at 158.07kb off the site.

Cheers

The one embedded in the guides page still has its colour profile, I dont think thats specifically the problem though.

The images seem to be identical, just different palettes. Something happening server side obviously. I'm sure Eccles will fix it!