Blurry / low resolution online

URL of experiment: Still in piloting mode

Description of the problem: The images and text in our experiment are perfectly clear when it is run locally; however, when it is run online, even the text becomes blurry, looking like someone has screenshotted the experiment and made it less high definition. Right now, the only fix we have is if you turn the browser zoom from 100% to 50%, everything becomes high definition again like when run locally (see images below). However, is there a fix we can put in the experiment settings/code to avoid participants having to change their browser zoom?

At normal zoom:

At 50% zoom:

1 Like