수익형 지식노트/미리캔버스 기여자

초간단 PNG를 SVG로 변환하기 / Inkscape 미리캔버스 벡터파일 쉽게 만드는 법

세잘사 프레리나 2025. 5. 1. 08:56
반응형

 

안녕하세요, 세잘사 프레리나입니다 :) 
오늘은 제가 자주 사용하는 무료 벡터 편집 프로그램, Inkscape(잉크스케이프) 사용법을 소개해드리려고 해요. 미리캔버스 기여자 활동을 하면서 SVG 벡터 파일을 등록하려고 찾다가 알게 된 프로그램인데, 변환이 쉬워서 정말 추천드려요!


💡 왜 벡터 파일(SVG)을 사용해야 하나요?

미리캔버스 기여자라만 한번쯤 고민해보는 SVG파일 만들기.
미리캔버스에서 요소를 사용할 때, PNG 파일 및 다른 이미지 파일들은 색상 변경이 불가능하고, 확대하면 깨지는 단점이 있어요. 하지만 SVG 파일은 사용자가 자유롭게 색상 변환이 가능하고, 아무리 확대해도 깨지지 않는다는 장점이 있어요!

그래서 Inkscape를 활용하여 PNG 파일을 SVG로 변환한 후, 미리캔버스에 업로드하고 있습니다.


💡 PNG와 벡터 파일(SVG) 비교

구분 PNG SVG(벡터)
저장 방식 픽셀(점)로 구성 선과 면(수학 공식)으로 구성
확대 시 품질 깨짐 깨지지 않고 선명함
수정 가능성 어려움 자유롭게 가능
파일 특징 간단하면 가볍지만 복잡하면 무거울 수 있음 복잡성에 따라 다르지만 고품질 유지

간단 요약

  • PNG는 고정된 그림이라 수정이 어렵고 확대하면 깨진다.
  • SVG는 선과 면으로 그려진 파일이라 수정이 쉽고, 아무리 확대해도 깨지지 않는다.

이제, 본격적으로 Inkscape에 대해 배워보도록 할께요 :)

💡 Inkscape 다운로드 방법

Inkscape는 무료, 오픈소스 벡터 그래픽 편집 프로그램입니다. 간단한 변환 작업부터 전문적인 일러스트 제작까지 모두 가능해요! Inkscape는 공식 사이트에서 무료로 다운로드할 수 있어요.

👉 Inkscape 공식 사이트 바로가기

다운로드 후 설치 파일을 실행하여 한글로 설치해주시면 됩니다.

주의 : 잉크스케이프는 PC(Windows, macOS, Linux)용입니다. 태블릿, 핸드폰에서는 사용이 불가해요.

 


💡 PNG를 SVG로 변환하는 방법

1. Inkscape를 열고 PNG 파일을 불러옵니다. 

2. 그림부분을 클릭하여 선택 후 상단 메뉴에서 경로 > 비트맵 따라그리기 선택 

3. 오른쪽에 Trace Bitmap 영역에서 Multicolor 탭 클릭 → Detection mode: 색상 선택해줍니다. 

     💡색상 수 설정 (ex. 그림의색상이 2가지면 2로 설정해주시면 되요)

      쌓기 클릭 + 배경 제거하기 체크 후 미리보기화면을 확인하고 → 적용 버튼 클릭

4. 완성된 벡터 이미지가 선택되어 있으므로, 벡터이미지 바깥의 원본이미지를 클릭하여 키보드에서 Delete키를 눌러줍니다. → 원본 이미지 삭제

(왼쪽)원본이미지 제거 전 (오른쪽) 원본이미지 제거 후

5. 상단 메뉴에서, 파일 > 문서 속성Resize to content 클릭하여 빈 배경 제거

파일 > 다른 이름으로 저장 → 일반 SVG 포맷으로 저장

반응형

💡 주의할 점 & 팁

  • 복잡한 이미지보다는 단순한 색상의 이미지를 추천합니다. 하나의 색으로 보이지만 실제로 색상이 여러가지로 섞여있을 경우 결과물이 내가 원하는대로 나오지 않을 수 있어요! (작업을 조금 더 바꿔서 진행해야 합니다! 잉크스케이프로 진행이 가능하지만 왕초보는 비추천해요.)
  • 단순한 아이콘, 심플한 디자인이 변환에 적합합니다.

💡 마무리

처음에는 어렵게 느껴질 수 있지만, 몇 번만 해보면 금방 익숙해진답니다.

무료로 이렇게 멋진 벡터 작업이 가능한 Inkscape, 꼭 활용해보세요!

다음 글에서는 4월을 마무리하며, 디자인허브 기여자 활동 기록을 공유해드릴게요.

오늘도 세잘사 프레리나와 함께 해주셔서 감사합니다 :) 행복한 하루 보내세요! 😊


2025.04.28 - [수익형 지식노트/미리캔버스 기여자] - 디자인허브 기여자 등록 방법, 무자본으로 부수익을 창출해 보자!

 

디자인허브 기여자 등록 방법, 무자본으로 부수익을 창출해 보자!

디자인허브 기여자 등록 방법, 무자본으로 부수익을 창출해 보자!안녕하세요, 세잘사 프레리나입니다! :)오늘은 미리캔버스 요소를 판매하기 위한 디자인허브 기여자 등록 방법에 대해 차근차

diary9483.tistory.com

2025.04.06 - [수익형 지식노트/미리캔버스 기여자] - 미리캔버스로 돈 번 사람? 저요. 진짜 첫 수익 인증!

 

미리캔버스로 돈 번 사람? 저요. 진짜 첫 수익 인증!

안녕하세요. 세잘사입니다 :)오늘은 제가 디자인허브에서 처음으로 수익을 얻은 후기를 나눠보려고 해요! 디자인에 대해 잘 몰랐던 제가, 도전 끝에 수익까지 얻게 된 디자인허브 첫 수익 이야

diary9483.tistory.com

 

📝 요약 체크리스트

  • SVG 파일 변환이 필요한 이유
    - 색상 변경이 가능하고, 확대해도 깨지지 않기 때문!
  • PNG vs SVG 비교
    - PNG: 픽셀 기반, 수정 어려움, 확대 시 깨짐
    - SVG: 선·면 기반, 수정 쉬움, 확대해도 선명
  • Inkscape 다운로드
    - 무료 오픈소스 프로그램
    - Inkscape 공식 사이트에서 다운로드
  • PNG를 SVG로 변환하는 방법
    1. Inkscape로 PNG 불러오기
    2. '비트맵 따라그리기' 기능 사용
    3. 색상 설정 후 적용
    4. 원본 삭제, 빈 배경 제거
    5. SVG 포맷으로 저장
  • 주의사항 & 팁
    - 복잡한 그림은 초보자에게 어려울 수 있음
    - 단순한 색상의 심플한 이미지를 추천
  • 한줄 마무리
    - Inkscape로 쉽고 빠르게 벡터 변환, 도전해보세요!
반응형