[react] 이미지 흐릿하게 나오는 경우

흐릿

제가 업로드한 로고는 뭔가 흐릿합니다. 사이즈도 큼지막한데 사이즈를 줄이면 흐릿해지네요

 

원인은 백터파일이 아니여서 저렇게 나오는 것이였습니다.

알고는 있었지만 저화질을 늘렸을때만 흐릿해 지는 줄 알고있었습니다. 

png는 고화질을 css로 사이즈 줄여사용할때도 흐릿해 집니다.

 

결론은 svg 파일을 사용하면 제대로 나옵니다.