Print Page | Close Window

Disable anti-aliasing in Chrome

Printed From: Pixel Joint
Category: The Lounge
Forum Name: Resources and Support
Forum Discription: Help your fellow pixel artists out with links to good tutorials, other forums, software, fonts, etc. Bugs and support issues should go here as well.
URL: https://pixeljoint.com/forum/forum_posts.asp?TID=14965
Printed Date: 14 September 2025 at 12:45am


Topic: Disable anti-aliasing in Chrome
Posted By: uint
Subject: Disable anti-aliasing in Chrome
Date Posted: 21 August 2012 at 12:21pm
Hey.
I use Google Chrome and when I zoom in on a piece of pixel art, it's anti-aliased. How do I disable anti-aliasing in Chrome? I've been googling but I didn't find anything.


Replies:
Posted By: shampoop
Date Posted: 21 August 2012 at 1:18pm
You can't; use fire fox.

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

Posted By: jalonso
Date Posted: 21 August 2012 at 6:13pm
Use Stylish for Chrome or FF which is http://userstyles.org/ - HERE or in the Chrome app store or somewhere there I promise (search)
http://chrome.google.com/webstore/category/home - https://chrome.google.com/webstore/category/home

I use this on all my browsers with a pixel specific code which is somewhere on this forum but as usual I can't ever find it :(

This is my FF PJ script:

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

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

/*Main Styles*/

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

}



-------------
http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads

Posted By: uint
Date Posted: 22 August 2012 at 4:33am
I installed Stylish for chrome.
Though, it's certain scripts for certain pages. How could I copypaste your script to apply on any web sites?

Posted By: jalonso
Date Posted: 22 August 2012 at 5:00am
I don't think I know or really remember how to make any 'style' be set for all sites. The script I use and posted for PJ has pixeljoint.com in it so there may be a generic "all.sites" or similar.
In stylish you go to 'manage styles' and copy the script and hopefully somewhere there is a check to apply to everything???
Maybe a more savvy person knows and posts here. I'm afraid this is as much help as I can offer.
----
When you do find a solution please post here so others know what to do ;)


-------------
http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads

Posted By: uint
Date Posted: 22 August 2012 at 8:42am
When I made a new style, it applies to everything by default :P
Though it didn't do anything :/ (I did restart chrome)

Posted By: uint
Date Posted: 22 August 2012 at 9:06am
When I made a new style, it applies to everything by default :P
Though it didn't do anything :/ (I did restart chrome)

Posted By: shampoop
Date Posted: 22 August 2012 at 9:43am
I also tried stylish with chrome and was able to install a style and found where to define the style for a specific url. I entered the code but i'm not sure if I have the syntax correct:

image-rendering:-webkit-optimize-contrast !important;

Apparently, this only works for OSX per this http://stackoverflow.com/questions/3900436/image-scaling-by-css-is-there-a-webkit-alternative-for-moz-crisp-edges - article on stack overflow (last answer). The link in the answer works on my chrome browser so maybe there is hope.

I'm going to keep trying a couple things and let you guys know if I can get it to work.

Posted By: jalonso
Date Posted: 31 August 2012 at 12:56pm
sooooooooooo.........
Will someone post the PJ specific script for Chrome :?


-------------
http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads

Posted By: shampoop
Date Posted: 31 August 2012 at 1:14pm
Well, I found this post by you http://www.pixeljoint.com/forum/forum_posts.asp?TID=21&PID=148554#148554 - here . I tried your suggestion and it doesn't seem to work on windows7. Can anyone confirm that they can use chrome in w7?

Posted By: jalonso
Date Posted: 31 August 2012 at 2:03pm
I know... I'm a Mac user so I have no way to easily try on PeeCees :( that thread and the script I posted runs on Macs. I want the PC version for others not myself.


-------------
http://www.pixeljoint.com/forum/forum_posts.asp?TID=9378&FID=6&PR=3 - PJs FAQ <•> http://www.pixeljoint.com/forum/forum_topics.asp?FID=6 - Sticky Reads

Posted By: domox
Date Posted: 21 September 2012 at 1:51am
Hey everyone, after getting frustrated with crappy upscaling in safari I wrote this browser extension to help out.

Instructions:
  1. Go here: https://github.com/dylan/Crispy
  2. Click "Crispy.safariextz"
  3. Then click the Raw button, Safari will download it and then you can install it.


I hope you guys find it useful.

Posted By: domox
Date Posted: 21 September 2012 at 2:26am
Another note, I just updated it so that it automatically turns on when you visit pixeljoint. ;)

Posted By: RacingRapist
Date Posted: 04 December 2012 at 8:17pm
Hi everybody,

I am a young programmer (and the older brother of the pixel artist Rayovatron).

Well, he is using Chrome (like everybody should) and he has the annoying problem of Chrome's antialiasing.

Since we found nothing on the internet to correct the problem, I coded something in Javascript that works well to correct the problem.

Have a glance : http://racingnetworks.no-ip.org:8080/zoom/ - http://racingnetworks.no-ip.org:8080/zoom/
(I host this on my computer that is in my bedroom, so it may be down at night...)

If you guys like it, maybe pixeljoint can integrate my code to their site!

RacingRapist

Edit: It doesn't work on IE though, but it is only intended to be used if the browser is Chrome.

Posted By: Long
Date Posted: 05 December 2012 at 12:40am
Nice! its working on Iron aswell.


Print Page | Close Window