티스토리 뷰

FE

[Inkscape] 무료 SVG 개발 툴을 소개합니다.

Dev Ttangkong 2024. 8. 11. 16:57

 

현재로서 SVG 파일을 개발하는 데 사용되는 대표적인 유료 툴로는 Adobe Photoshop과 Adobe XD 등이 있습니다. 앞서 언급한 프로그램들을 통해 SVG 작업을 할 수 있지만, 간단한 SVG 아이콘 제작에는 딱히 적합하지 않습니다 특히, Photoshop과 XD의 경우 달마다 나가는 비용이 상당히 부담스러울 수 있는데, 이는 학생이나 취업 준비생에게 있어서 자칫 큰 진입장벽으로 작용할 수 있습니다.

 

그 뿐만 아니라 저의 경험담으로는 어도비 XD의 경우 SVG를 출력할 때 요소들을 그룹화하거나 쓸데없이 한글과 별도의 식별자을 포함시켜서 용량이 매우 높아지며 별도의 SVG 압축기로 압축해도 용량이 상당합니다. 이는 제가 Stroke를 모두 path로 변환시켜도 마찬가지입니다.

 

그리고 가장 큰 문제는 id, class 이런 것들이 XML에 정의되어 있기 때문에 자꾸 다른 아이콘의 스타일에 영향을 준다는 것입니다, XD의 가장 좋은 장점은 UI/UX가 상당히 좋다는 것인데 제 주관적인 생각으론 이것 빼곤 딱히 없는 것 같습니다. (근데 실제로 많이 있긴 있는데, 제 개발 환경 특성상 그러한 기능들이 딱히 필요 없음.)

 

서론이 길었는데 본론은 이러한 이유로, 오늘은 무료로 사용할 수 있는 대표적인 SVG 개발 툴인 Inkscape를 소개하고자 합니다. Inkscape는 비용 부담 없이도 딱히 불편하지 않을만한 많은 기능들을 제공하며, 특히 아이콘 제작과 같은 간단한 SVG 작업에 매우 유용합니다.

 

다운로드

 

Inkscape - Draw Freely. | Inkscape

May 16, 2024 We had a great Inkscape Summit in Rennes, France. Our three-day meeting was hosted by long-time Inkscaper's Elisa and Cédric in their school of design Activ.design... Read more... May 6, 2024 Read more... March 3, 2024 Announcing the About Sc

inkscape.org

 

Inkscape UI/UX

 

참고로 저는 이미 Adobe XD에서 Inkscape으로 갈아탄 상태입니다, 앞으로 Inkscape 사용법들을 많이 올릴 예정이니 업로드 하면 한번만 또 봐주시면 좋을 것 같습니다. 이꾸이~