New answers tagged pixel
I would create different images on the server (one 100%, one 400%, etc) using Photoshop and anti-aliasing scaling. Then I would head over to stackoverflow like another user advised, and call a different image depending on the situation or screen size or browser, etc.
Here is a list of the most common devices http://mydevice.io/devices/. This of course is not a complete list but is compiled for the most common devices. I would also check out the mixin on Codepen for front end developers: Display the breakpoint using Sass Display the breakpoint using Sass. Check out her profile for other responsive design helping code.
The first part is realy easy. Don't scale your image using any interpolation method. Choose None in the dialog box. Use exact multipliers.
You can create layers with 100x100 pixel squares on a 800x800 pixels document, move them around and changing its colors.
What you are seeking seems to essentially be no anti-aliasing. I don't think you can turn off anti-aliasing in Photoshop. (Photoshop does not anti-alias while transforming.) All interpolation methods are based on "best guess". Even Nearest Neighbor is using anti-aliasing to determine the "best guess" for new pixels. To discuss them further you need to speak ...
Top 50 recent answers are included