MediaWiki talk:Vector.css/Archive

Nearest-neighbor upscaling

Pixel art upscales better with the NN algorithm vs. the default bilinear, it keeps tiny pixel art crisp and clear when it's upscaled to larger sizes. Due to the nature of the game, as well as the types of images uploaded, the amount of incorrectly aliased images, as a result, would be fewer than the amount of currently incorrectly scaled ones right now.

• 

The code below follows and conforms to Gamepedia's wiki design rules and can be dropped in without needing to change anything else. I've had this in my personal CSS for a while now and have seen nothing problematic arise from it:

 #content img { /* the #content ensures that the Gamepedia netbar is untouched */
 image-rendering:crisp-edges;               /* Firefox, Opera */
 image-rendering:-webkit-optimize-contrast; /* Safari         */
 image-rendering:pixelated;                 /* Chrome, Edge   */
 }

Stevari (talk) 20:25, 18 December 2020 (UTC)

I'm trying to investigate an issue I'm seeing with that approach. What file are you using in your example here?
--Mr Pie 5 (talk) 23:56, 18 December 2020 (UTC)

That would be 3_cards_on_death.png. Stevari (talk) 15:15, 19 December 2020 (UTC)