img에 svg를 넣는 것과 png를 넣는 것에 차이가 있나요?

svg가 벡터방식이니까 png보다 깨끗하죠.

pc에서는 거의 구분이 안가지만 모바일에서는 조금 차이가 납니다.

대표적으로 모바일 트리거... 보통 햄버거 버튼이라고 하는 것을 png로 쓰면 깨끗한 느낌이 덜 나죠.

하지만 png로도 어지간한건 커버됩니다.

svg는 좋긴 하지만 만들려면 일러스트에서 만들어야 하기 때문에 일러스트를 잘하지 못하면 좀 어렵죠.

그래서 기존 svg를 다운받아서 쓰는 경우가 많습니다.

일러스트를 잘 하시면 svg로 만들어서 사용하셔도 됩니다.

저는 일러스트를 잘 못해서 svg를 일러스트로 직접 만들어서 사용한 적은 거의 없습니다.