I am creating a web app for Minecraft, and I need to grab someones skin, and resize it without the blurriness. Maybe some javascript or something can help with this problem.
Asked
Active
Viewed 1,719 times
0
-
You cannot magically add detail to an image. – SLaks May 13 '12 at 12:21
-
2@SLaks Au contraire, that's the *only* way you can add detail to an image! – Dave Newton May 13 '12 at 12:30
-
If you want to resize the image proportionally, you can set a fixed `width` and let `height` be `auto` and vice versa. e.g `
` – rdleal May 13 '12 at 12:43
1 Answers
3
If I'm understanding your question correctly, I believe you want to resize images without interpolation and using nearest-neighbor only, e.g.:
rather than:
Unfortunately, there's no simple way to do this with CSS so you'll have to either:
- Scale the images with nearest-neighbor on the server-side and serve them, or,
- Check out this question for a convoluted answer involving HTML5 canvas.
Community
- 1
- 1
-
There *is* a simple way to do this in CSS now. Take a look at the linked question. – Timothy Miller Jan 07 '14 at 18:13