SVG 파일 만들기

SVG 파일 만들기

SVG (Scalable Vector Graphics)

환경: illustrator CS6 / Windows 7
SVG 사용 목적: .css 에서 height 속성 auto로 줘서 자동 확대/축소 기능

참고 사이트

설정: http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/

만드는 방법:

1. 일러스트레이터 CS6 에서 New -> 원하는 사이즈로 생성

File -> New (Ctrl + N)

  























2. 이미지 작업

3. 저장

3-1. File -> Save As -> 파일 형식: SVG

File -> Save As

3-2. 옵션 설정(web에서 사용할 최적화 설정)



































4. 파일 수정
저장된 .svg 파일을 editor로 열어서, width와 height를 삭제
-> 이 부분을 삭제 해주지 않으면 auto가 제대로 작동하지 않으므로 해줌