Does Phaser lower image quality?

Phaser 3
1

The .png files and HTML pages I use in my Phaser game appear to have their image quality lowered when viewed in game. All the images I load in the game when used, have their scale lowered because my logic was that if I were scaling down an image, it shouldn’t make the image appear drastically more blurry.

Why is my game overall not as sharp as the images I initially load into the game?
Could it be that I’m using google chrome? I tried firefox and I want to say it looks slightly better.
Should I be using scaler images instead?
Is there an easy fix, like a setting with how phaser renders graphics that I can change?

Here are two examples, first one is an HTML page in game, and the second is the HTML page itself.

Capture1
Capture1429×545 33.8 KB
Capture2
Capture2447×532 13.6 KB

2

On high-density displays the canvas context resolution is usually much smaller than the physical resolution of the display.

There isn’t a very easy fix. You can double the game dimensions in the game config and either (a) double all the distances in your code or (b) set every scene camera zoom to 2 and re-center.