为什么图片加载到浏览器端 像素周围都模糊了呢？

Question

做了一个图片 1000px*1000px，第一个像素有填充颜色，windows下放大后看正常
前端请求到这个图片后，设置style：width:40000px;height:40000px;放大很多倍之后，像素周围很模糊
我觉得无论怎么放大，呈现的应该始终是一个均匀有明显边界的颜色块啊
有没有办法让图片在浏览器端放大后，也能完美的呈现每一个像素的内容呢？

Answer 1

浏览器有模糊算法是专门针对图片放大的，你这个图片只有一个像素看起来是不合理的，但是针对普通的图片，这种模糊处理能让放大图片更接近原图，而不是一放大就变成马赛克

Answer 2

是不是图片格式的问题

Answer 3

image-rendering: pixelated;