어도비익스프레스에서 SVG 변환해 미리캔버스 올리기
어도비익스프레스에서 SVG 변환해 미리캔버스 올리는 방법을 알아보자
일단 SVG가 뭔데?
SVG 파일이란?
SVG(Scalable Vector Graphics)는 XML 기반의 2차원 벡터 그래픽 파일 형식
픽셀 단위로 이미지를 저장하는 JPG, PNG와 달리, SVG는 점, 선, 도형 등 수학적 공식으로 이미지를 표현한다.
SVG 특징
확대/축소해도 품질 저하 없음: 해상도에 상관없이 선명하게 유지된다.
웹 친화적: 아이콘, 로고, 차트, 일러스트 등 다양한 웹 그래픽에 적합하다.
검색엔진 최적화(SEO)에 유리: 텍스트 정보가 코드로 저장되어 검색엔진이 읽을 수 있다.
파일 크기 작음: 복잡한 사진보다는 단순한 도형, 로고 등에 적합하다.
하지만 사진처럼 디테일이 많은 이미지는 표현에 한계가 있다.
SVG 무료 변환 사이트 비교
다음과 같은 사이트에서 무료로 SVG 파일로 변환할 수 있다.
갯수에 따라 가격이 부과될 수 도 있으니 잘 살펴 볼것.
다들 컨버시오를 많이 추천하는데
자꾸 유료로 전환하라는 화면으로 넘어가길래..
나는 어도비익스프레스로 넘어갔다.
벡터는 사이트 안전성이 중요한데..
어도비가 좀 신뢰할만하기도 하고..
이미지를 누르면 사이트로 넘어간다
PNG/JPG를 SVG로 바꾸는 법
원본 준비하기
이비스에서 만든 그림은 최대한 해상도 높게 저장하고, 배경 레이어는 숨겨서 투명 배경으로 만들어 둔다
자동 벡터 변환툴 써보기
Adobe Express 같은 웹서비스에 파일을 올리면 클릭 몇 번으로 SVG로 바로 바꿀 수 있다.
Vector Magic은 더욱 정교하게 트레이싱해 주는데, 무료 미리보기 후 마음에 들면 다운로드하면 된다.
직접 편집 프로그램 활용하기
Illustrator: ‘Image Trace’ 기능으로 설정을 건드려가며 벡터화 → ‘Expand’ 눌러 패스로 변경 → 불필요한 부분 지우고 SVG 저장
Inkscape(무료): ‘Path > Trace Bitmap’에서 단색/다색 옵션 골라서 벡터화 → 결과 확인 후 SVG로 저장
최종 점검
확대해서 모서리가 깨지지 않는지 보고, 파일 용량이 150KB 이내인지 확인! 너무 무거우면 패스를 줄이거나 PNG(투명)로 내보내는 것도 괜찮다.
미리캔버스에 올리기 전에 알아둘 것
파일 형식
SVG가 제일 좋다. 색도 바꿀 수 있고, 용량만 150KB 이내면 문제 없다.
SVG가 너무 복잡하면 투명 배경 PNG(50MB 이하)로 올려도 된다.
크기 & 해상도
SVG는 벡터라 크게 상관 없지만, 캔버스 권장 최대 6000px 내외.
PNG는 최소 한 변 700px, 해상도 120dpi 이상으로 작업.
배경은 꼭 투명으로! 흰색 네모 안 깔려 있게 하기.
색상 가이드
순수 검정+흰색만 있으면 거절당하기 쉬우니까.
비슷한 톤끼리 묶고, 대비를 줘서 디자인이 살아나게 할것
저작권
반드시 직접 그린 창작물이어야 하고, AI 썼으면 표시해야 한다
미리캔버스 기여 절차
디자인허브 가입
미리캔버스 하단 ‘기여자 모집’ 링크로 들어가서 회원가입!을한다
디자인허브는 미리캔버스 들어가면 상단에 별도 들어가는 곳이 있기도 하다.
업로드
로그인 후 대시보드에서 SVG(또는 PNG) 파일 드래그앤드롭 → 형식 선택
에러 뜨면 파일 규격(용량, 배경, 크기 등)을 다시 확인해 볼것
정보 입력
제목, 태그(예: “강아지, 반려동물”), 카테고리, 설명(optional) 작성
AI 사용 여부나 저작권 체크박스도 꼭 확인!
제출 & 심사
‘제출’ 버튼 누르면 콘텐츠팀이 검토. 빠르면 며칠, 길면 2~3주 걸린다.
승인되면 미리캔버스 편집기에서 네 아이콘을 볼 수 있고, 거절되면 사유 보고 수정 후 재요청 가능.
수익 확인
아이콘이 쓰일 때마다 로열티가 쌓여. 디자인허브 ‘나의 성과’에서 다운로드 수·수익 현황 확인 가능!