html 이미지 화질 개선

문제점 :

이미지를 삽입하면 계속 이미지 화질이 떨어짐

해결방법 :

이미지 크기 자체를 크게 설정하여 저장한 다음 그 이미지를 불러오면 화질 깨짐이 덜함.

(피그마에서 이미지를 필요 크기에 맞게 변경한 후 그 이미지를 사용하니 확실히 화질이 개선됨)

원인 :

작은 이미지를 html 이미지 삽입으로 확대하면 화질이 깨지는 것으로 추정. html 이미지 삽입으로 크기를 늘리면 다른 곳에서 이미지를 늘리는 것 보다 화질이 더 많이 깨지는 것 같다.

첫 번째 이미지에 적용해보니 확실히 선이 깔끔해졌다! (개발자 소개, 사용기술 소개에서는 미적용)

+찾아보니 이런 방식이 아니여도 SVG를 사용해서 이미지 화질을 간단하게 개선할 수 있다고 함!