Sega Master System / Mark III / Game Gear|
SG-1000 / SC-3000 / SF-7000 / OMV
Home - Forums - Games - Scans - Maps - Cheats - Credits
Music - Videos - Development - Hacks - Translations - Homebrew
Blury pixel-art on Firefox (pixelated vs. crisp-edges)Posted: Mon Mar 29, 2021 3:30 am
On the home page, there is pixel art, "In Pixels We Trust".
On Chrome this renders correctly, with sharp pixels.
On Firefox however, this is a blurry mess.
The problem comes down to the two browsers using different CSS values for the same behaviour:
* Chrome works with: image-rendering:pixelated;
* Firefox works with: image-rendering:crisp-edges;
This can be made to render correctly on both Chrome and Firefox by specifying both values. Unsupported values are ignored, and the last supported value is the one that is used:
Is this a change that could be made?
||Posted: Mon Mar 29, 2021 6:35 am|
||Posted: Tue Sep 07, 2021 4:23 am|
|Has there been any movement on this?|
||Posted: Tue Sep 07, 2021 7:23 am|
|It’s been ready to go for months but I haven’t found the time, sorry. I’ll try to do something in the coming weeks, I guess I need to take a day off work to give it the attention it needs.|
||Posted: Tue Sep 07, 2021 8:09 am|
I use this simple Greasemonkey user script as a temporary solution on Firefox.
// @name Crisp image
// @version 1
// @grant none
// @include https://www.smspower.org/*
||Posted: Wed Oct 27, 2021 9:02 pm|
It looks like after the latest update, Firefox now supports
So crisp-edges is no-longer required to give the correct appearance.