png 와 svg 비교
| png | svg | |
|---|---|---|
| 확대시 깨짐현상 유무 | o | x |
| 수정 가능 유무 | x | o |
| 용량 | 상대적으로 png > svg | |
| 미리보기 가능 | o | x |
특징
svg
- (장점) react 같은 data framework 에서는 상태로 이미지 변경, 애니메이션등 기능 추가 편이
- (단점) ie에서 이미지태그에 src 로 썼을 시에는 안나오는 경우도 발생.
- (단점) 코드안에 텍스트가 들어갈 경우 폰트 패밀리에 따라 폰트가 적용 안될 수 있으니 다시 지정해야됨.
- (단점) 자체 사이즈가 정확하지 않아서 figma 나 제플린으로 받을 시 뒤에 소수점으로 단위가 나올 수 있음.