솔스 캔버스

사용 안내

무엇을

카드뉴스, 웹 배너 · 팝업 이미지, 썸네일을 설치 없이 브라우저에서 만듭니다.

어떻게

크기를 고르고 템플릿에서 시작하거나 글자 · 이미지 · 도형을 넣습니다. 다 만들면 [내려받기]에서 PNG나 JPG로 저장하거나 [복사]로 다른 곳에 붙여 넣습니다.

기준

작업 내용은 서버로 보내지 않고 이 브라우저에 자동으로 저장됩니다. 다른 기기에서는 이어서 할 수 없습니다.

만드는 순서

카드뉴스, 웹 배너, 썸네일은 모두 같은 순서로 만듭니다. 먼저 크기를 고르고, 템플릿이나 빈 캔버스에서 시작해 글자 · 이미지 · 도형을 넣은 다음, 마지막에 [내려받기]로 파일을 저장합니다.

• 크기 고르기: 편집기 맨 위의 크기 목록에서 용도에 맞는 크기를 고릅니다. 작업물이 있는 상태에서 크기를 바꾸면 내용이 지워지므로 가장 먼저 정합니다.
• 시작점 고르기: "템플릿" 탭에서 "심플 타이틀", "이벤트 배너", "인용구 카드" 중 하나를 누르면 글자가 미리 놓인 상태로 시작합니다. 빈 캔버스에서 바로 시작해도 됩니다.
• 글자 넣기: "텍스트" 탭에서 제목, 소제목, 본문, 아트 텍스트 중 알맞은 것을 넣고, 캔버스의 글자를 두 번 눌러 내용을 고칩니다. 썸네일은 제목 텍스트를 크게 쓰는 것이 읽기 좋습니다.
• 이미지와 배경 넣기: "이미지" 탭에서 사진을 올리고, "도형/배경" 탭에서 배경색이나 도형을 더합니다.
• 다듬고 저장하기: 위치와 순서를 맞춘 뒤 [내려받기]에서 PNG나 JPG를 고릅니다.

용도별 크기 고르는 법

• "1:1 카드뉴스 (1080×1080)": 정사각형 카드입니다. 카드뉴스 한 장, 프로필용 이미지, 공지 이미지에 알맞습니다.
• "4:5 인스타 (1080×1350)": 세로로 조금 긴 카드입니다. 인스타그램 피드에서 정사각형보다 화면을 더 차지합니다.
• "16:9 스토리/릴스 (1920×1080)": 가로로 긴 비율입니다. 이름과 달리 세로형 스토리 규격(9:16)은 아니므로, 유튜브 썸네일이나 블로그 대표 이미지, 발표 표지처럼 가로형 이미지에 씁니다. 같은 16:9인 1280×720 썸네일이 필요하면 내려받은 뒤 크기만 줄이면 됩니다.
• "500×500 팝업배너": 홈페이지 팝업이나 작은 배너에 쓰는 크기입니다.
• "사용자 지정": 너비와 높이를 100 ~ 4,000px 사이로 넣고 [적용]을 누릅니다. 범위를 벗어난 값은 가까운 한도로 맞춰집니다.

글자 · 이미지 · 도형

글자는 글꼴 8종(Pretendard, 나눔고딕, 나눔명조, 블랙한산스, 주아체, 나눔손글씨, 맑은 고딕, Georgia) 중에서 고르고, 크기 · 색 · 굵기 · 기울임 · 밑줄 · 취소선 · 문단 정렬을 바꿉니다. 아트 텍스트는 외곽선과 그림자를 더해 자막처럼 눈에 띄게 만듭니다. 이미지는 "이미지" 탭의 칸을 눌러 고르거나 끌어다 놓고, 다른 곳에서 복사한 이미지는 Ctrl+V로 붙여 넣습니다. 큰 이미지는 캔버스 짧은 변의 70% 안에 들어오도록 줄여서 놓이니 필요하면 모서리를 끌어 키웁니다. 도형은 사각형, 원, 선, 삼각형, 말풍선을 넣을 수 있고, 배경색 · 테두리 색 · 테두리 두께를 바꿉니다. 캔버스 배경은 흰색, 남색, 연노랑, 그라데이션 2종 중에서 고르거나 색을 직접 고릅니다.

이미지를 둥근 모양이나 원 안에 넣고 싶으면 "텍스트" 탭에서 프레임(사각형, 원형, 둥근 사각)을 넣고, 이미지를 고른 상태에서 [선택 프레임에 클리핑]을 누릅니다. 이미지는 좌우 · 상하 반전도 되고, 흰색 같은 단색 배경은 [단색 배경 지우기]로 투명하게 만듭니다.

정렬 · 레이어 · 그룹

고른 것을 캔버스 가운데나 가장자리에 맞추고, 세 개 이상을 같은 간격으로 놓을 수 있습니다. 앞뒤 순서(레이어)는 "맨 앞으로", "맨 뒤로" 단추나 레이어 목록의 끌기 손잡이로 바꿉니다. 여러 개를 골라 [그룹으로 묶기]를 하면 함께 옮기고, 목록의 눈 단추로 잠깐 숨길 수 있습니다. 레이어 목록에서 이름을 누르면 그 객체가 골라지니, 겹쳐서 잘 눌리지 않는 것도 쉽게 고릅니다. 고른 것은 방향키로 1px, Shift와 함께 누르면 10px씩 옮기고, Delete로 지우며, 실수는 Ctrl+Z로 되돌립니다. 위치와 투명도는 오른쪽 속성 패널에 숫자로 넣을 수도 있고, 잠금을 켜면 실수로 끌려 움직이지 않습니다.

저장과 내려받기

이 편집기는 계정이나 서버에 작업을 올리지 않습니다. 글자나 이미지를 바꾸면 잠시 뒤 지금 쓰는 브라우저 안에 자동으로 저장하고, 다음에 이 화면을 열면 "이전 작업을 불러올까요?"라고 묻습니다. [불러오기]를 누르면 이어서 작업하고, [새로 시작]을 누르면 저장된 작업이 지워집니다.

• 저장 위치가 브라우저 하나입니다. 다른 기기나, 같은 기기라도 다른 브라우저(예: 크롬에서 만들고 엣지에서 열기)에서는 작업이 보이지 않습니다.
• 저장된 작업은 하나뿐입니다. 새로 시작해 만들기 시작하면 이전 작업 대신 새 작업이 저장됩니다.
• 브라우저의 방문 기록 · 사이트 데이터를 지우거나 시크릿(비공개) 창을 닫으면 자동 저장된 작업도 사라집니다.
• 브라우저가 정해 둔 저장 공간에는 한도가 있어서, 큰 이미지를 많이 넣으면 자동 저장이 되지 않을 수 있습니다.

그래서 끝낸 작업은 반드시 [내려받기]로 이미지 파일에 남겨 둡니다. "PNG로 저장"은 화질 손실이 없는 파일이고, "JPG로 저장"은 용량이 작은 파일(품질 95%)입니다. 글자와 선이 또렷해야 하는 카드뉴스나 투명한 배경이 필요한 이미지는 PNG, 사진이 많은 배너나 용량 제한이 있는 곳에 올릴 이미지는 JPG가 알맞습니다. 두 형식 모두 화면에 보이는 크기가 아니라 고른 캔버스 크기(예: 1080×1080)로 저장됩니다. [복사]는 PNG 이미지를 클립보드에 복사하므로 메신저나 문서에 바로 붙여 넣을 수 있고, 브라우저가 막으면 [내려받기]를 씁니다.

넓게 보기

편집 공간이 좁으면 편집기 위의 [넓게 보기]를 누릅니다. 편집기가 화면을 가득 채우고, Esc나 [원래 크기로]를 누르면 돌아옵니다.

자주 하는 실수

• 작업한 뒤에 크기를 바꾸는 것: 크기를 바꾸면 캔버스의 글자 · 이미지 · 도형이 모두 사라집니다. 확인창이 먼저 뜨니 [지우고 바꾸기]를 누르기 전에 필요한 작업은 내려받아 둡니다.
• 템플릿을 나중에 누르는 것: 템플릿을 적용해도 지금 작업이 지워집니다. 템플릿은 가장 먼저 고릅니다.
• 글자를 가장자리에 바짝 붙이는 것: 올리는 곳에서 가장자리가 잘리면 글자가 잘립니다. 사방에 여유를 두고 [가로 가운데], [세로 가운데] 같은 정렬 단추로 맞춥니다.
• 자동 저장만 믿는 것: 다른 브라우저나 기기에서는 열리지 않으므로 끝낸 작업은 꼭 파일로 받아 둡니다.
• 글자 대비를 놓치는 것: 어두운 배경에 어두운 글자를 쓰면 읽기 어렵습니다. 배경이 짙으면 흰 글자, 밝으면 짙은 글자로 맞춥니다.

자주 묻는 질문

관련 도구 AI 배경 제거 픽셀아트 & 모자이크

브라우저의 방문 기록 · 사이트 데이터를 지우면 자동으로 저장된 작업도 함께 지워집니다. 남길 작업은 이미지로 내려받아 둡니다. 마지막 확인 2026.10.29