목록벡터 이미지 (1)

dev_or_alive

SVG(Scalable Vector Graphics)에 대해 알아보자

개요 웹 페이지 작업을 하다 보면 svg파일을 이용하여 로고나 아이콘을 표현할 때가 있습니다. 사용을 하면서도 로고나 아이콘은 주로 svg파일을 이용한다고는 알고있지만, jpg/jepg/png등을 왜 사용하지 않는지에 대해서는 크게 생각해 보지 않았습니다. 마침 개인 프로젝트를 진행중 SVG를 이용할 일이 있어 왜 SVG를 이용하는지, 어디에 사용해야 유리할지 마지막으로 웹에서 SVG를 어떻게 적용하는지에 정리해보려 합니다. SVG란? (Scalable Vector Graphics) SVG는 XML 기반의 벡터 이미지 포맷으로 크기 조정이 자유롭다는 특징을 가지고 있습니다. 픽셀을 이용한 래스터 파일과 달리 확대하거나 축소해도 이미지의 품질이 저하되지 않습니다. 이는 SVG가 픽셀이 아닌 수학적 방정식으..
Web Programming/CSS 2024. 4. 7. 00:35
이전 Prev 1 Next 다음