Notice
Recent Posts
Recent Comments
Link
프로그래밍 공부방
SVG 이미지란 무엇인가? 본문
🙄 SVG 이미지란?
픽셀 기반인 JPEG, PNG와 달리 SVG는 확장할 수 있는 벡터 그래픽입니다.
벡터 파일은 그리드 위의 점과 선을 기반으로 하는 수학 공식을 통해 이미지를 저장합니다.
아래는 SVG 이미지에 포함된 코드 형식입니다.
JPEG 이미지와는 달리 코드로 수정이 가능합니다.
💛 JPEG 이미지일 때와 SVG 이미지일 때의 차이점
왼쪽이 JPEG이미지, 오른쪽이 SVG이미지입니다.
두 이미지 모두 확대했을 때의 모습입니다.
SVG는 JPEG와는 달리 확대를 해도 이미지가 깨지지않는 것을 확인할 수 있습니다.
💛 HTML에서 SVG 이미지 사용하는 방법
html에서 svg이미지를 사용하는 방식은 다른 확장자의 이미지와 마찬가지입니다!
src에 svg 이미지의 경로를 적어주면 끝!