blurry sprites?

[jetxl]

Hi there.
Recently I noticed that Firefox AND Explorer make magnified sprites look blurry. It wasn't always like this but I don't remember when it changed.
Exibit a:


Exibit b:


And this is how it looks on my screen (normal sprites do look sharp).


I've unchecked Tools> Internet Options> Advanced> Multimedia> smart image dithering if anybody was wondering.

Help?

[Jim Reed]

Try Opera. I use it and it doesn't blur sprites.

[Babar]

Yeah, it is a problem with Firefox 3+. They seem to have changed it so that magnification is bilinear instead of nearest neighbour. I guess IE followed suit? There was a lot of complaining about it (even on this forum) a while back.

There is supposedly some fix with some new version of Firefox, allowing the authors of webpages to stop the bilinear magnification, and some weird work-around for the viewers (something involving using your own CSS files), but that never worked for me.

* Babar hates scotch and jake for convincing him to switch to FF3 ¬¬

EDIT: I just saw it was jetxl who was asking the question, and I realised my response may be considered to be condescending and as if jet doesn't know anything. So....errr....no offense meant!

[Calin Leafshade]

Bleh ok, Let me fix this for everyone in firefox 3.6

goto file/run and type

Code: ags

%APPDATA%\Mozilla\Firefox\Profiles\

this will open a directory with some other folder in something like "dfjhdfg.default" go into that folder and then into another folder called "chrome"

then create a new file called "userContent.css" and put this in it.

Code: ags

img[src$=".gif"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
img[src$=".png"] { image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

save and restart FF. bingo!

[Babar]

I had something like this, before, calin:

img { -moz-scaling-method: fast } /* nearest | bilinear | gaussian | … */


I didn't know I had to wait till 3.6, though. Thanks anyhow

Your help will be remembered. I'll pray for your heathen soul to be saved .

[Damien]

Got the 3.6 beta and it worked.

Thanks Calin.

[Calin Leafshade]

3.6 has a stable release if you dont like betas

its on www.firefox.com (the main page)

[monkey0506]

Try Opera. I use it and it doesn't blur sprites.

Screw you man. Screw you.

I tried Opera for one day (long story but I was using Windows 98 and the latest FF doesn't work on 98). I did not enjoy it. At all. It made me sad, angry, depressed, and bloodthirsty. So if those are traits you strive after, then sure, use Opera.

[Ryan Timothy B]

Freakin wicked.  No more blurry images for me, thanks Calin.

I've known about a fix similar to this for earlier versions of Firefox, but I was always too lazy to do it.  Not this time... Not this time!

[markbilly]

Anyone got a similar solution for Chrome?

[blueskirt]

It made me sad, angry, depressed, and bloodthirsty.

It's just a matter of habit. Humans love routines, anytime things aren't like they're used to be, they'll feel angry. I feel sad, angry, depressed, and bloodthirsty anytime I got to use Firefox or IE or someone else's computer, even someone else's Opera since things are never customized like I want them to be, or when a program or website I use everydays get an update that drastically change its look and I can't find anything anymore.

[jetxl]

Ok, Firefox is fixed and crispy again, but I'm a ninny and am still looking for an Explorer solution (even though the french and german governments recommend the world not to use it!).

Babar: huh?


edit- I've also unchecked Tools> Internet Options> Advanced> Multimedia> Always use Clear Type for HTML which makes text clear and thin again but obviously didn't effect sprites.
I can't find a quick solution with google. Are we the only people on the internet that get bothered by looking at blurry sprites?

[Calin Leafshade]

ofcourse and because i am supremely awesome i feel i should help.

1. Save the CSS i gave earlier as some file. lets call it userContent.css
2. Go to Tools→Internet Options→Accessibility.
3. Check "Format documents using my style sheet".
4. Browse and select the "userContent.css" file you made in step 1.
5. Restart your browser..

untested since i dont have IE8 on my humble XP machine.

As an aside you shouldnt really use IE on account of it making your penis fall off... jus' sayin'

[WHAM]

Thank you Calin! You have made my day! 

[jetxl]

Nope, didn't work, so IE can fuck off.

[InCreator]

Bleh ok, Let me fix this for everyone in firefox 3.6

THANK YOU!

[Kweepa]

Yes, indeed, thanks so much for pointing this out!
However, now my forum smileys are all blocky
EDIT: Hmm, it appears to depend on the window width! Oh, they are resized a bit from 15x15. Ew.

[SinSin]

Is there anybody who knows how to sort this out on Google Chrome , Sorry I used the G word lolz
Edit : Sorry for re ask lol

[markbilly]

Is there anybody who knows how to sort this out on Google Chrome , Sorry I used the G word lolz

I already asked. No one seems to have a clue, really...

[Darth Mandarb]

... so IE can fuck off.

Now if only the rest of the world would share this sentiment!!