티스토리 뷰
현재로서 SVG 파일을 개발하는 데 사용되는 대표적인 유료 툴로는 Adobe Photoshop과 Adobe XD 등이 있습니다. 앞서 언급한 프로그램들을 통해 SVG 작업을 할 수 있지만, 간단한 SVG 아이콘 제작에는 딱히 적합하지 않습니다 특히, Photoshop과 XD의 경우 달마다 나가는 비용이 상당히 부담스러울 수 있는데, 이는 학생이나 취업 준비생에게 있어서 자칫 큰 진입장벽으로 작용할 수 있습니다.
그 뿐만 아니라 저의 경험담으로는 어도비 XD의 경우 SVG를 출력할 때 요소들을 그룹화하거나 쓸데없이 한글과 별도의 식별자을 포함시켜서 용량이 매우 높아지며 별도의 SVG 압축기로 압축해도 용량이 상당합니다. 이는 제가 Stroke를 모두 path로 변환시켜도 마찬가지입니다.
그리고 가장 큰 문제는 id, class 이런 것들이 XML에 정의되어 있기 때문에 자꾸 다른 아이콘의 스타일에 영향을 준다는 것입니다, XD의 가장 좋은 장점은 UI/UX가 상당히 좋다는 것인데 제 주관적인 생각으론 이것 빼곤 딱히 없는 것 같습니다. (근데 실제로 많이 있긴 있는데, 제 개발 환경 특성상 그러한 기능들이 딱히 필요 없음.)
서론이 길었는데 본론은 이러한 이유로, 오늘은 무료로 사용할 수 있는 대표적인 SVG 개발 툴인 Inkscape를 소개하고자 합니다. Inkscape는 비용 부담 없이도 딱히 불편하지 않을만한 많은 기능들을 제공하며, 특히 아이콘 제작과 같은 간단한 SVG 작업에 매우 유용합니다.
다운로드
참고로 저는 이미 Adobe XD에서 Inkscape으로 갈아탄 상태입니다, 앞으로 Inkscape 사용법들을 많이 올릴 예정이니 업로드 하면 한번만 또 봐주시면 좋을 것 같습니다. 이꾸이~
'FE' 카테고리의 다른 글
[아이콘 템플릿] 제 오픈소스 프로젝트인 Vector Icons을 소개합니다. (0) | 2024.08.14 |
---|---|
[TIP] SVG 파일을 더욱 선명하게 만드는 방법 (0) | 2024.08.04 |
- Total
- Today
- Yesterday
- 조건부 타입
- Reflow
- 타입스크립트
- android
- svg 툴
- 객체 지향
- 깃허브
- TypeScript
- 최적화
- Factory Method
- Flutter
- 안드로이드 개발
- JavaScript
- 아이콘 템플릿
- mangler
- html-inline-webpack-plugin
- typescript-preact-webpack
- web
- 팩토리 메서드
- 백터 이미지
- github
- 객체지향
- webpack
- 아이콘 개발
- 안드로이드
- 디자인 패턴
- jetpack compose
- 깃허브 터짐
- 무료 svg 툴
- svg
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |