javascript - Warum sind die Pixel um das Bild herum unscharf, wenn es in den Browser geladen wird?

Question

Ich habe ein Bild von 1000px*1000px erstellt. Nach dem Vergrößern sieht das Bild normal aus.
Nachdem das Frontend dieses Bild angefordert hat, stellen Sie den Stil ein: Breite: 40000px; Beim Vergrößern um ein Vielfaches sind die Pixel verschwommen. Ich denke, egal wie Sie hineinzoomen, es sollte immer ein einheitlicher Farbblock mit klaren Grenzen angezeigt werden. Gibt es eine Möglichkeit, den Inhalt jedes Pixels nach dem Zoomen perfekt anzuzeigen? Bild ist im Browser vergrößert?

Answer 1

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

Answer 2

是不是图片格式的问题

Answer 3

image-rendering: pixelated;