Author Topic: Firefox 3 blurring pixel art question (Read 12392 times)

32 · « **Reply #50 on:** July 11, 2009, 08:09:21 am »

Its not fixed in 3.5 but it is fixed in the 3.6. Link.

Cow · « **Reply #51 on:** July 11, 2009, 08:48:12 pm »

That works great, thanks for the link 32.

KhrisMUC · « **Reply #52 on:** September 12, 2009, 08:18:16 pm »

Hey guys,

I've just noticed something weird while playing around with Minefield: while the image zooming _appears_ to be correct, it unfortunately isn't.
It does use the nearest neighbor filter, but the image isn't resized to x2 but slightly more.
E.g. a mockup from the Megaman MF (256x224) gets resized to 569x497 (instead of 512x448), resulting in every other line having a width of 3 pixels.
Could this be a problem with pixelation's imagezoom script?

ptoing · « **Reply #53 on:** September 12, 2009, 11:24:01 pm »

Unlikely. It scales properly in IE, Opera, and Firefox.

Ai · « **Reply #54 on:** September 12, 2009, 11:45:55 pm »

KhrisMUC: It probably just means your page zoom is set > 100%.

KhrisMUC · « **Reply #55 on:** September 13, 2009, 02:28:33 am »

So obvious..

Sorry.

Sly · « **Reply #56 on:** September 20, 2010, 02:50:58 pm »

Sorry about the year leaping bump but just for future references I feel I need to post this here.

The Firefox blurring issue should be fixed by now as long as there is the following css in the sites style sheet.

Code: [Select]

img {image-rendering: -moz-crisp-edges;}

For people that want every site on the web to have pixel perfect images with no blurring please install the Firefox Addon called Stylish and add the following new style:

Code: [Select]

@namespace url(http://www.w3.org/1999/xhtml);

img {image-rendering: -moz-crisp-edges;}

This will remove blurring from all sites.

Helm · « **Reply #57 on:** March 25, 2011, 05:12:46 pm »

NECROPOST FOR JUSTICE

The css fix implemented for 3.x versions of firefox migrates to brand-new 4 perfectly as far as I can tell. Enjoy your browser update with sharp, crisp pixels.

Helm · « **Reply #58 on:** October 21, 2011, 05:13:36 am »

NECROPOST THE SECOND.

recently I've killed firefox, it became too bloaty and unresponsive. I'm on chrome now. What's the status on crisp pixel zoom on it?

Ninja Crow · « **Reply #59 on:** October 21, 2011, 06:42:53 am »

I'm afraid it's still stuck in developer hell, Helm.

http://code.google.com/p/chromium/issues/detail?id=1502

This is where you can sign up for (infrequent) updates.

Helm · « **Reply #60 on:** October 21, 2011, 08:33:29 am »

Dang. I'll survive. I like chrome otherwise.

blumunkee · « **Reply #61 on:** October 21, 2011, 01:54:08 pm »

https://bugs.webkit.org/show_bug.cgi?id=56627

It looks like now that people want to create video games in HTML Canvas without the pixel art blurring horribly, WebKit will finally get a CSS tag for crisp image zoom. It's in the nightly builds now, after which point it should make it into stable builds of WebKit, after which point it should be rolled into stable builds of Chrome.

ptoing · « **Reply #62 on:** October 21, 2011, 02:00:45 pm »

Crow already informed me of the fix and it is in our CSS style sheet. If it works of course will depend on the browser build.

Sly · « **Reply #63 on:** October 21, 2011, 03:22:10 pm »

Finally they added a fix. Thanks for the update guys.

Hopefully it will hit mainstream Chrome and we can finally put the interpolation wars to rest.

Crow · « **Reply #64 on:** October 21, 2011, 08:37:47 pm »

Good to see that this is finally getting into the release versions of everything. Took them long enough

Ninja Crow · « **Reply #65 on:** October 23, 2011, 11:54:43 am »

Yay!

32 · « **Reply #66 on:** December 21, 2011, 11:29:45 am »

Started getting blurring again, but only on pixelation, using firefox 9. Seems like the usercontent fix is still working for every other site, even viewing an image will let me zoom nearest neighbor, only happening when I zoom in a pixelation thread, only in posts, avatars, and stuff scale fine (using imagezoom).

Conceit · « **Reply #67 on:** March 21, 2012, 08:24:27 pm »

Hey, I'm getting the blurring too

The old fix in about:config from that Pixeljoint news update stopped working, since there IS no gfx.image anymore, also I found this lead https://developer.mozilla.org/en/CSS/image-rendering that points to some gecko extension but I cant seem to find it, doesnt seem to be a client-side fix, most likely something serverside or browserside

Jeremy · « **Reply #68 on:** March 21, 2012, 10:17:02 pm »

Not ideal, but this is what I do:

Quote

Download 'Stylish', there should be a little 'S' symbol in the bottom left corner of your browser. Click on that and choose: write new style > for this URL. Then it opens a window with some code in it. Just delete everything in there and paste the code below. Then enable the style.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("pixeljoint.com") {

/*Main Styles*/

img { image-rendering: -moz-crisp-edges; }

}

Vakinox · « **Reply #69 on:** March 21, 2012, 10:47:45 pm »

Shouldn't you change the dd to this site's like so?:

Quote

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("wayofthepixel.net") {

/*Main Styles*/

img { image-rendering: -moz-crisp-edges; }

}

Even so though, it doesn't work for this site.
Atleast not for me anyways.
Although it does work for PixelJoint.

Jeremy · « **Reply #70 on:** March 21, 2012, 11:53:34 pm »

Oh yeah

Which FF do you have Conceit? I have 11.0 and Pixelation's click zoom is smooth for me.

Vakinox · « **Reply #71 on:** March 22, 2012, 12:22:22 am »

11, same version as you

Conceit · « **Reply #72 on:** March 22, 2012, 10:35:54 pm »

I'm running 11 but on mac, I'mma try that script you gave me, thanks =)

Dusty · « **Reply #73 on:** March 22, 2012, 11:39:55 pm »

Running Firefox 11 with Stylish 1.2.6 and can't seem to get it to work :/

Also, zooming in on pixeljoint(without Stylish) has no zooming issues so I can only assume this sort of css is out of Stylish's boundaries or something?

Surely this would be easy for one of the admins to add to the stylesheet for the site?

edit: If you have Stylish just click the icon and click "find styles for this site." Seems installing that works fine, rather then trying to create it myself. *shrug*

Further edit: seems I'm the one who uploaded that...

Vakinox · « **Reply #74 on:** March 23, 2012, 01:35:10 am »

Quote from: Dusty on March 22, 2012, 11:39:55 pm

edit: If you have Stylish just click the icon and click "find styles for this site." Seems installing that works fine, rather then trying to create it myself. *shrug*

can confirm, this works ^_^

News:

Author Topic: Firefox 3 blurring pixel art question (Read 12392 times)