Jump to content

blurry .png assets in latest chrome


Recommended Posts

noticing lately that certain .png assets for my game are appearing somewhat blurry in google chrome. i think it began in chrome version 93. what i'm doing now is downgrading to version 92 in order to test play, but every time chrome opens it wants to automatically upgrade to a newer version (ver 93 or 94 as of this posting).

my index.html uses some image sharpening css, which i suspect may have something to do with it. they look something like this:

* {
cursor: none;
cursor: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), auto;
image-rendering: crisp-edges;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: optimize-contrast;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimizeSpeed;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
margin: 0;
transform: translateZ(0);

any advice on how to unblur things would be appreciated. i'm sure it has nothing to do with any new lines i've added, because i haven't added any, and am also test playing a version of my game which looked sharp in ver 92 and older.

Link to comment
Share on other sites


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...