http://asawicki.info/ Programming, graphics, games, media, C++, Windows, Internet and more...

Tag: css

Entries for tag "css", ordered from most recent. Entry count: 1.

Warning! Some information on this page is older than 3 years now. I keep it for reference, but it probably doesn't reflect my current knowledge and beliefs.

Pages: 1

20:25
Wed
05
Dec 2012

Nearest-Neighbor Filtering in HTML

In 3D graphics programming, when a texture is enlarged, sampler performs filtering to interpolate between texture pixels. That's also what happens by default when an image is resized on HTML page - browser does some interpolation (e.g. bilinear or bicubic), which makes the image blurry.

What if you have a small pixel-art image and you want to show it on a web page as pixelated, not blurred? It turns out there are nonstandard CSS attributes for this. I found these two - first one is for Internet Explorer and the second one works in Firefox.

-ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;

Comments (1) | Tags: webdev css html | Author: Adam Sawicki | Share

Pages: 1

[Stat] [Admin] [STAT NO AD] [pub] [Mirror]