Home/ Questions/Q 4273806
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T07:45:44+00:00

somehow, the upscaled sprite image below doesnt show up as a crisp nearest-beighbour pixelperfect

  • 0

somehow, the upscaled sprite image below doesnt show up as a crisp nearest-beighbour pixelperfect in Internet Explorer 9. In FF works perfectly pixelperfect/crisp.

in IE however, it seems to get bicubic smooth, which I dont want in this case. Any idea what is wrong with this css?

.iconbig{ /* upscale the icons sprite images 200% and show them pixelperfect */
    background-image:url(icons.gif);
    background-repeat:no-repeat;
    height:200%;
    background-size: 26px auto;
    -moz-background-size: 26px;
    image-rendering:-moz-crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;    /* <<== seems not working !!! */
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’d bet -ms-interpolation-mode:nearest-neighbor only applies to html IMG tag, not to background images. As the MS property only works on stretched images. For a solution I can only think on loading just for IE an alternative css background image, graphically scaled file in nearest neigbor (maybe it is possible for you to use png-8, reducing colors, to save memory. Although png compression already will compress large areas of same color) mode done inside some 2D software.

    • 0