javascript - 이미지가 브라우저에 로드될 때 이미지 주변의 픽셀이 흐릿해지는 이유는 무엇입니까?

Question

1000px*1000px의 그림을 만들었고 첫 번째 픽셀에 채우기 색상이 있습니다. Windows에서 확대한 후 일반 프런트 엔드에서 이 그림을 요청하고 확대한 후 스타일을 설정한 것을 확인했습니다. 주변 픽셀이 매우 흐릿한 경우가 많습니다. 아무리 확대해도 표시되는 내용은 항상 같아야 합니다.

为情所困 · Answer

브라우저에는 이미지 확대를 위한 흐림 알고리즘이 있습니다. 이미지에 픽셀이 하나뿐인 것은 무리인 것 같지만 일반 이미지의 경우 이러한 흐림 처리를 사용하면 이미지를 흐리게 하는 대신 확대된 이미지를 원본 이미지에 더 가깝게 만들 수 있습니다. 확대하면 바로 모자이크가 됩니다

阿神 · Answer

이미지 형식에 문제가 있는 걸까요

phpcn_u1582 · Answer

으아악

<img src="http://img.php.cn/upload/image/000/000/000/92fedc611513366f47f166cd6019603e-0.png">