Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
firefox rendering .png's differently than other browsers...
GTAV6
post Jul 3 2011, 11:37 AM
Post #1
Hero
Champion




is it just my computer, or does ff always render .png files darker than other browsers? it's really irritating me! could it be something i'm doing wrong when i create the .png files? (like creating a new graphic from scratch as opposed to rehashing an existing file, for example)
if i change all the graphic components to .gif's, everything looks identical right across all the browsers, so it's only .png's that are affected.

to see what i mean, the site i'm working on right now (linky), looks like it has a black overlay in ff, whereas in opera, ie and chrome, it looks exactly like i intend it to.



and slightly off topic, i notice chrome messes up the text when 'text-shadow' is used - bordering on illegible...


--------------------
Attention: This post does not possess a brain - Please use your own.

- - - - -

http://www.thexman.net.nz/
Go to the top of the page
 
+Quote Post
Redhatter
post Jul 3 2011, 12:12 PM
Post #2
Hero
Guru




Black overlay? Where?


--------------------
Stuart Longland (aka Redhatter, VK4MSL)
Resident Gentoo developer.

http://dev.gentoo.org/~redhatter/

I haven't lost my mind, it's backed up on a tape somewhere...
Go to the top of the page
 
+Quote Post
GTAV6
post Jul 3 2011, 01:08 PM
Post #3
Hero
Champion




interesting... your screenshot is fine. [edit] sorry, i should have said; a translucent black overlay.
here's what i see:

(ff in the foreground, opera beneath)

This post has been edited by GTAV6: Jul 3 2011, 01:11 PM


--------------------
Attention: This post does not possess a brain - Please use your own.

- - - - -

http://www.thexman.net.nz/
Go to the top of the page
 
+Quote Post
Redhatter
post Jul 3 2011, 02:54 PM
Post #4
Hero
Guru




Ahh, I see it now… not on any of my systems, but I notice in that screenshot of yours, the images in Firefox are noticably darker than in Opera. I'm not seeing this phenomena on Linux.

My MacBook is doing a backup to an external HDD, so I'd rather not disturb it just now, otherwise I'd check there too.

The screenshot I posted was Firefox 4 on Linux. I'm just looking on Firefox 5 (also under Linux) and not seeing the bug. I could reboot into Windows XP to check there, but there are things I must do in Linux, and I can't be arsed either.


--------------------
Stuart Longland (aka Redhatter, VK4MSL)
Resident Gentoo developer.

http://dev.gentoo.org/~redhatter/

I haven't lost my mind, it's backed up on a tape somewhere...
Go to the top of the page
 
+Quote Post
Brock
post Jul 5 2011, 03:33 PM
Post #5
Atomican
Overlord




Could this have something to do with it?

It's showing up slightly darker for me... ever so slightly.

The article is a few years old now but it could still be the case in the more recent versions of FF. There is a solution toward the bottom.
Go to the top of the page
 
+Quote Post
GTAV6
post Jul 6 2011, 10:23 AM
Post #6
Hero
Champion




i think you're onto something there, Brock. it looks like that's pretty much my problem, in which case i'll either have to just accept it, or go back to using .gif's again (not going to happen, if i can help it). one thing's for certain, you can't get away with mixing image formats anymore...


--------------------
Attention: This post does not possess a brain - Please use your own.

- - - - -

http://www.thexman.net.nz/
Go to the top of the page
 
+Quote Post
Redhatter
post Jul 6 2011, 10:26 AM
Post #7
Hero
Guru




So long as it looks consistent within the browser, and is functional, who cares? Most people aren't going to browse your site with two different browsers on the same computer simultaneously, and go "Ohh look, that one's darker!"


--------------------
Stuart Longland (aka Redhatter, VK4MSL)
Resident Gentoo developer.

http://dev.gentoo.org/~redhatter/

I haven't lost my mind, it's backed up on a tape somewhere...
Go to the top of the page
 
+Quote Post
Brock
post Jul 6 2011, 12:15 PM
Post #8
Atomican
Overlord




QUOTE (Redhatter @ Jul 6 2011, 11:26 AM) *
So long as it looks consistent within the browser, and is functional, who cares? Most people aren't going to browse your site with two different browsers on the same computer simultaneously, and go "Ohh look, that one's darker!"

True.

It seems their intention was to render PNG's 'richer', and I think that image in my link illustrates that - for full colour/vibrant images it would look nicer - while it looks like it's got a black screen over the top of it, if you're viewing it on a site alone it should have a lot more depth. With your site, though, it renders the white crosshatching a bit too dark, hard to make out what it is. Hey, some people might care. :P

That said, it should be up to the designer as to which colour profile to use, not have a browser decide that for them :/
Go to the top of the page
 
+Quote Post
SledgY
post Jul 6 2011, 02:08 PM
Post #9
Atomican
Master




Brock is hinting at the problem, your issue is that your png has a colour profile, gamma or chromacity metadata (Photoshop does this by default), I use GIMP as when you save the image you can tell it not to save the additional metadata. The other option is to use pngstrip to remove the extra metadata.

The other common problem is when colours don't match up with CSS colours etc.


--------------------
poweredbypenguins.org - SledgY lives in the cloud...
Go to the top of the page
 
+Quote Post
Brock
post Jul 6 2011, 02:53 PM
Post #10
Atomican
Overlord




I believe you can save it out of photoshop without any colour management on it, not entirely sure thought but just had a look, have not tested.

Save for Web & Devices -> Preview: Internet Standard RGB (No Color Management) / Metadata: None.

Should save it out in similar fashion to GIMP yeah?
Go to the top of the page
 
+Quote Post
GTAV6
post Jul 6 2011, 06:27 PM
Post #11
Hero
Champion




intriguing...
i use paint.net - but i've yet to even achieve 'amateur' status where graphics are concerned *sigh* :o(
however, i'm guessing paint.net very likely offer the same (or at least similar), options for .png's. i shall have to look into that. might have fiddle with pngstrip, too, see which way it swings things for me.


however! herein lies the crux of the whole matter:
QUOTE (Redhatter @ Jul 6 2011, 12:26 PM) *
So long as it looks consistent within the browser, and is functional, who cares? Most people aren't going to browse your site with two different browsers on the same computer simultaneously, and go "Ohh look, that one's darker!"


:o)


--------------------
Attention: This post does not possess a brain - Please use your own.

- - - - -

http://www.thexman.net.nz/
Go to the top of the page
 
+Quote Post
SledgY
post Jul 9 2011, 12:11 AM
Post #12
Atomican
Master




QUOTE (Redhatter @ Jul 6 2011, 10:26 AM) *
So long as it looks consistent within the browser, and is functional, who cares? Most people aren't going to browse your site with two different browsers on the same computer simultaneously, and go "Ohh look, that one's darker!"


If all you are displaying is a picture this might be true but that is not the only use case if for example you have a border or banner that uses a PNG image and as well as a CSS defined border, you want the colours to match.


--------------------
poweredbypenguins.org - SledgY lives in the cloud...
Go to the top of the page
 
+Quote Post
harhis23
post Nov 29 2011, 02:22 AM
Post #13
Atomican
Charge




It's just an image, the dark overlay may even appear as a design. As long as it does not mess up with your site's dimensions, don't change anything.

Have you tried updating your firefox?

Your site looks fine on my firefox.. Haven't encountered this problem before, anyway.
Go to the top of the page
 
+Quote Post
Jeruselem
post Dec 29 2011, 09:10 AM
Post #14
Atomican
Guru




Yes, for some reason PNG files display darker on Firefox than say IE. I spend a lot of effort fluffing around with PNG avatars for forums and it's always looks blurrier and dark with Firefox.


--------------------
Resident KatyCat

Smartphone: HTC Trophy T8686 - WP 7.10.8107.79 (aka Mango updated)
Netbook: ASUS EEE PC 1015PN - Win7 Pro, Intel N550@1.5Ghz, 2GB RAM, 250GB WD SATA, nVidia ION2
Laptop: Win8 Home x64, Intel i5-430 @ 2.26Ghz, 4GB RAM, 240GB Corsair SSD, nVidia Geforce GT310 1GB
Work PC: Win7 Pro x86, Intel Q9550@2.83Ghz, 4GB RAM, 2 x 250GB SATA, nVidia Quadro FX1700, 600W PSU
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



Lo-Fi Version Time is now: 31st July 2014 - 01:09 AM