아이콘이나 로고를 작은 PNG·JPG 이미지로 저장해 두었다가 크게 확대하면 가장자리가 흐려지는 경우가 있습니다. 이때 이미지의 형태를 선과 도형으로 바꾸는 SVG 벡터 변환을 이용하면 크기를 바꿔도 선명하게 표시할 수 있습니다.

Recraft AI(리크래프트)는 PNG·JPG·WebP 이미지를 SVG 벡터로 변환하고, 문장으로 새로운 벡터 일러스트를 생성하거나 색상과 곡선을 편집할 수 있는 AI 디자인 서비스입니다.

이번 글에서는 Recraft 무료 계정으로 시작하는 방법, 사진을 SVG로 변환하는 순서, 바로 복사할 수 있는 아이콘 생성 프롬프트, 결과가 깨질 때 해결 방법과 상업적 이용 제한을 차례대로 알아보겠습니다.

1. PNG·JPG와 SVG는 무엇이 다를까?

PNG와 JPG는 작은 점(픽셀)으로 만들어진 래스터 이미지입니다. 원본이 작다면 크게 늘렸을 때 계단처럼 보이거나 흐릿해질 수 있습니다.

SVG는 선, 곡선, 색상 같은 벡터 정보를 저장하는 형식입니다. 웹사이트 아이콘이나 단순한 로고처럼 모양이 뚜렷한 그림은 SVG로 바꾸면 다양한 크기에서 선명하게 표시하기 좋습니다.

다만 SVG 변환이 원본 사진에 없던 세부 정보를 복구하는 것은 아닙니다. 복잡한 얼굴 사진이나 풍경을 변환하면 사진처럼 똑같아지기보다 색상 면으로 단순화되거나 세부 묘사가 달라질 수 있습니다.

2. Recraft AI 무료 계정 시작하기

먼저 Recraft 공식 홈페이지에 접속해 계정을 만드세요. 로그인한 다음 Recraft Studio 작업 화면에서 이미지 업로드와 벡터 기능을 이용할 수 있습니다.

① 작업 공간 열기: Recraft Studio로 이동해 새 작업을 시작합니다. 메뉴 이름과 버튼 위치는 화면 업데이트에 따라 달라질 수 있습니다.

② 만들 작업 선택: 기존 이미지가 있다면 Vectorize 또는 AI Image Vectorizer를, 새 아이콘을 만들고 싶다면 AI Vector Generator를 사용합니다.

③ 무료 사용량 확인: 공식 벡터 생성기 안내에는 무료 계정의 하루 최대 30회 생성과 SVG 내보내기가 소개돼 있습니다. 기능과 모델별 크레딧 소모 방식은 다를 수 있으므로 현재 계정의 잔여 사용량을 확인하세요.

바로 테스트하려면 Recraft SVG 변환 공식 페이지에서 시작할 수 있습니다.

3. PNG·JPG 이미지를 SVG로 변환하는 방법

처음에는 단색 배경에 그려진 아이콘 하나를 준비해 보세요. 복잡한 사진보다 단순한 그림이 벡터 변환 결과를 비교하기 쉽습니다.

① 파일 준비: PNG·JPG·JPEG·WebP 파일을 준비합니다. 공식 SVG 변환 페이지의 직접 업로드 안내는 최대 5MB이므로 우선 이 범위 안의 파일로 테스트하세요.

② 업로드: SVG 변환 페이지의 Upload image를 누르거나 작업 화면으로 파일을 드래그해 올립니다.

③ 변환 실행: 업로드한 이미지를 선택하고 Vectorize 기능을 실행합니다. 처리된 결과는 선과 면으로 이루어진 벡터 이미지입니다.

④ 결과 확인: SVG를 확대해 선이 끊기거나 작은 글자와 그림자가 이상하게 단순화되지 않았는지 살펴봅니다.

⑤ 수정 후 저장: 필요한 색상과 경계를 다듬고 Export 또는 Download에서 SVG 형식을 선택해 저장합니다.

자동 변환 결과가 원본과 완전히 같아야 하는 작업이라면 변환 전후를 나란히 비교하세요. 특히 복잡한 사진, 작은 글씨, 반투명한 그림자는 수정이 필요할 수 있습니다.

4. 어떤 이미지가 SVG 변환에 잘 맞을까?

잘 맞는 이미지: 단순한 동물 실루엣, 표지판 아이콘, 평면 일러스트, 글자가 적은 그림, 색상 수가 적은 로고 초안 등입니다.

주의할 이미지: 머리카락이 복잡한 인물 사진, 수많은 나뭇잎이 있는 풍경, 촘촘한 질감이 들어간 사진은 변환 과정에서 형태가 달라질 수 있습니다.

투명 배경 PNG를 활용하면 배경과 물체의 경계를 구분하기 쉬울 수 있습니다. 배경 제거가 필요한 경우에는 이미지 편집 단계에서 배경을 단순하게 만든 뒤 변환해 보세요.

작은 이미지를 반복해서 변환하는 것보다 가능한 한 선명한 원본을 사용하는 편이 좋습니다. 흐릿한 이미지의 형태를 AI가 추정하면 예상과 다른 곡선이 생길 수 있습니다.

5. 글만 입력해 SVG 아이콘 생성하기

참고할 이미지가 없다면 Recraft AI Vector Generator에서 문장으로 새로운 벡터 그림을 만들 수 있습니다. 현재 공식 페이지는 Recraft V4.1 기반의 벡터 생성을 안내합니다.

예를 들어 카페 안내 페이지에 쓸 커피잔 아이콘이 필요하다면 아래 영어 프롬프트를 입력해 보세요. 이미지 생성에서는 요소를 줄이고 형태를 구체적으로 지시하는 편이 좋습니다.

복사해서 쓰는 SVG 아이콘 프롬프트
Minimal flat vector icon of a ceramic coffee cup with gentle steam, clean rounded shapes, dark navy outlines, warm cream and terracotta color palette, no text, no gradient, no shadow, centered composition, simple white background, scalable SVG style.

카페 아이콘 대신 책, 화분, 배달 상자 등 원하는 사물로 바꾸면 다른 그림을 만들 수 있습니다. 결과에서 문구가 생겼다면 “no text, icon only”를 넣어 다시 수정해 보세요.

브랜드에 사용할 정식 로고라면 AI 결과를 최종 디자인으로 바로 확정하기보다 가독성, 기존 상표와의 유사성, 저작권과 이용 권한까지 확인해야 합니다.

6. SVG의 색상·곡선 편집하기

벡터 결과를 선택하고 색상 편집 기능을 열면 팔레트를 바꾸거나 색상 수를 줄여 단순한 그림으로 정리할 수 있습니다. Recraft의 공식 SVG 변환 페이지에서는 Adjust colors 기능을 안내합니다.

벡터 편집기에서는 모양을 더블클릭해 앵커 포인트를 선택하고 곡선을 움직이거나 특정 도형의 색상을 바꿀 수 있습니다. 원본을 다시 생성하지 않고 한 부분만 다듬고 싶을 때 유용합니다.

예를 들어 파란색 새 아이콘이라면 날개 색상만 진하게 바꾸고, 부리의 곡선만 조정할 수 있습니다. 색상을 너무 많이 쓰기보다 2~4개 정도로 정리하면 작은 아이콘에서도 알아보기 쉬워집니다.

SVG는 Figma나 Illustrator 같은 벡터 편집 프로그램에서 추가 작업을 할 수 있습니다. 편집 프로그램별 SVG 해석 방식이 다를 수 있으므로 가져온 뒤 도형과 글자가 정상인지 확인하세요.

7. SVG 파일 저장과 활용 방법

디자인이 완성되면 Export 또는 다운로드 메뉴에서 SVG를 선택하세요. Recraft는 SVG 외에도 PNG·JPG·PDF·TIFF·Lottie 등 여러 형식의 내보내기를 안내하지만, 사용 가능한 선택지는 결과물과 계정 조건에 따라 달라질 수 있습니다.

SVG: 웹사이트 아이콘이나 크기를 자주 바꾸는 벡터 일러스트에 적합합니다. PNG: 배경 투명도를 유지해 이미지를 배치할 때 편리합니다. JPG: 일반 사진이나 블로그 이미지 파일로 활용하기 좋습니다.

SVG를 그누보드나 다른 웹사이트에 올릴 때는 사이트의 파일 업로드 허용 형식과 보안 정책도 확인하세요. SVG 업로드가 막힌다면 결과를 PNG로 내보내 사용하는 방법이 있습니다.

웹사이트에 올릴 아이콘이라면 PC뿐 아니라 스마트폰 크기로 축소했을 때도 선이 분명한지 확인하세요. 복잡한 도형이 너무 많으면 작은 화면에서 오히려 알아보기 어려울 수 있습니다.

8. Recraft 무료 사용량과 상업적 이용 제한

Recraft 공식 벡터 생성기 안내에는 무료 계정 하루 최대 30회 생성과 SVG 내보내기가 소개돼 있습니다. 실제 이용 가능 횟수와 크레딧 차감량은 기능과 모델에 따라 다를 수 있으므로 작업 화면을 기준으로 확인하세요.

가장 중요한 제한은 이용 권한입니다. 무료 플랜에서 생성한 이미지와 벡터 결과물은 상업적 이용이 허용되지 않습니다. 무료 결과물의 소유권은 Recraft에 있으며 공개 갤러리에 표시될 수 있습니다.

유료 플랜에서 생성한 결과물에는 공식 약관에 따라 상업적 이용 권한과 소유권이 제공됩니다. 다만 무료 플랜으로 만든 이미지를 나중에 유료로 업그레이드한다고 해서 이전 결과물의 권리가 소급해 바뀌지는 않습니다.

블로그 광고, 쇼핑몰 로고, 상품 패키지, 고객 납품용 디자인 등 실제 수익과 연결되는 용도라면 사용 전에 공식 요금제와 이용약관을 확인하세요. 업로드한 기존 이미지에도 별도의 저작권과 사용 허락 문제가 있을 수 있습니다.

9. 이미지 변환 오류가 생겼을 때

업로드가 안 될 때: 이미지 형식이 PNG·JPG·JPEG·WebP인지 확인하고, 공식 변환 페이지의 5MB 업로드 안내 범위 안으로 줄여 다시 시도하세요.

SVG가 원본보다 단순하게 나올 때: 벡터화는 사진을 원본 그대로 복제하는 작업이 아닙니다. 색상 수가 적고 경계가 분명한 원본으로 바꾸거나 색상 편집 기능을 이용하세요.

배경이 함께 변환될 때: 원본에서 배경을 제거하거나 배경 색상을 단순하게 만든 뒤 Vectorize를 다시 실행합니다.

가느다란 선이 사라질 때: 원본에서 선 굵기를 키우고 대비를 높인 뒤 다시 변환해 보세요. 작은 글씨는 SVG로 변환한 후 직접 다시 입력하는 편이 정확할 수 있습니다.

무료 사용량이 부족할 때: 처음부터 같은 이미지를 반복 생성하기보다 먼저 색상과 구성을 정하고 필요한 버전만 만들어 보세요. 화면에 표시되는 크레딧 안내가 공식 설명보다 우선합니다.

다운로드 후 파일이 이상할 때: SVG를 지원하는 브라우저나 벡터 편집기로 열어 확인하세요. 다른 프로그램에서 문제가 생긴다면 PNG로 내보내 비교하는 것도 방법입니다.

10. 처음 시도할 때 추천하는 방법

처음부터 복잡한 인물 사진이나 정식 회사 로고를 변환하기보다 단색 아이콘 하나로 시작해 보세요. PNG 원본을 SVG로 바꾼 뒤 확대해서 차이를 확인하고, 색상을 한 가지 수정해 내보내면 기본 흐름을 익히기 쉽습니다.

그다음에는 AI Vector Generator에 간단한 프롬프트를 넣어 새 아이콘을 만들어 보세요. 사진을 벡터로 바꾸는 작업과 문장에서 벡터를 생성하는 작업이 어떻게 다른지 비교할 수 있습니다.

Recraft는 웹 아이콘이나 일러스트를 만드는 데 편리하지만, 무료로 저장할 수 있다는 사실이 상업적 이용 허용을 뜻하지는 않습니다. 연습은 무료로 시작하고 실제 게시·판매·납품에 사용하기 전에는 생성 시점의 이용 권한을 꼭 확인하세요.