HTML 웹 상에서 이미지 크기 줄이거나 늘릴 때 흐려지거나 깨지는 현상 해결 방법.

css에 간단하게 하단 붉은색 스타일을 넣어주면 됩니다.

 img{

image-rendering: -webkit-optimize-contrast; 

transform: translateZ(0);

backface-visibility: hidden;

    }