들어가며

우리는 픽셀의 시대를 살아가고 있습니다. 웹 디자이너와 웹 개발자들에게 픽셀이란 뗄레야 뗄 수 없는 친구이면서 골치덩어리입니다. 완벽한 웹 사이트를 위해서는 파일 용량을 줄여 성능을 높여야 합니다. 웹 상에 아이콘, 로고, 일러스트레이션 이미지 등을 사용한다면, SVG를 사용하는 것이 유일한 방법입니다.

SVG는 확장 가능한 벡터 그래픽Scalable Vector Graphics의 약자로 모든 스크린에서 화질이 선명하며, 최소 용량이고, 편집과 수정이 쉽다는 장점을 지니고 있기 때문입니다.

본 실습 가이드에서는 웹에서 SVG 사용법에 관한 유용한 팁과 방법들을 알려드리고, 여러분의 웹 사이트 개발 과정에 최대한 활용하실 수 있게 도움을 드리고자 합니다.



이 글은 Jake Giltsoff의 오픈소스 프로젝트인 <SVG ON THE WEB - A Practical Guide>의 한국어판입니다. 이수진 님이 원저작자의 허락을 받아 번역하셨습니다.




 [ 한빛미디어 HTML+CSS 도서 보러가기]