캔버스 사이즈 정하는 방법, 초보자도 헷갈리지 않게 잡는 기준
얼마 전 친구가 스마트스토어 상세페이지 이미지를 만들다가 캔버스 사이즈에서 딱 막혔다고 하더라고요. 디자인은 대충 감으로 해도 되겠는데, 처음 화면을 열 때 가로와 세로를 몇 픽셀로 해야 할지 모르겠다는 거였어요. 사실 이 부분이 은근히 중요합니다. 캔버스 사이즈를 처음에 잘못 잡으면 글자가 흐릿해지거나, 업로드했을 때 양옆이 잘리거나, 출력할 때 생각보다 작게 나오는 일이 생기거든요.
캔버스 사이즈는 말 그대로 작업할 종이의 크기입니다. 포토샵, 일러스트레이터, 캔바, 프로크리에이트 같은 도구를 쓸 때 가장 먼저 정하는 기본판이라고 보면 됩니다. 그런데 이 기본판은 ‘예쁘게 보이는 크기’보다 ‘어디에 쓸 것인지’에 맞춰 잡는 게 훨씬 편합니다.
캔버스 사이즈는 용도부터 정하면 쉽습니다
처음부터 숫자를 외우려고 하면 금방 헷갈립니다. 대신 이 이미지를 어디에 올릴지부터 생각하면 선택지가 확 줄어들어요. 인스타그램 게시물인지, 블로그 대표 이미지인지, 유튜브 썸네일인지, 인쇄물인지에 따라 필요한 비율과 해상도가 다릅니다.
예를 들어 유튜브 썸네일은 보통 1280×720픽셀처럼 가로가 긴 16:9 비율을 많이 씁니다. 인스타그램 정사각형 게시물은 1080×1080픽셀이 익숙하고, 세로형 릴스나 쇼츠 썸네일은 1080×1920픽셀이 많이 쓰입니다. 블로그 대표 이미지는 플랫폼마다 보이는 방식이 다르지만, 가로형 이미지를 쓴다면 1200×630픽셀처럼 공유 미리보기에 무난한 비율을 잡는 경우가 많습니다.
- 정사각형 게시물: 1080×1080픽셀
- 세로형 콘텐츠: 1080×1920픽셀
- 유튜브 썸네일: 1280×720픽셀
- 블로그 대표 이미지: 1200×630픽셀 또는 1200×675픽셀
- 상세페이지 이미지: 가로 860~1000픽셀 안팎
물론 플랫폼마다 권장값이 바뀔 수는 있습니다. 그래도 초보자라면 위 숫자만 알아도 웬만한 온라인 이미지는 크게 어긋나지 않습니다. 중요한 건 같은 프로젝트 안에서 비율을 왔다 갔다 하지 않는 거예요. 썸네일은 가로형, 본문 카드는 정사각형, 상세 이미지는 세로형처럼 역할을 나눠두면 작업이 훨씬 깔끔해집니다.
픽셀, 비율, 해상도는 이렇게 구분하면 됩니다
캔버스 사이즈를 검색하다 보면 픽셀, 비율, 해상도, DPI 같은 말이 한꺼번에 나옵니다. 처음 보면 괜히 어려워 보이는데, 온라인 이미지라면 우선 픽셀과 비율만 먼저 잡아도 충분합니다.
픽셀은 이미지의 실제 크기입니다. 1080×1080픽셀이라면 가로 1080칸, 세로 1080칸짜리 이미지라고 생각하면 됩니다. 비율은 모양입니다. 1:1은 정사각형, 16:9는 가로로 넓은 화면, 9:16은 세로로 긴 화면입니다. 같은 1:1 비율이라도 500×500픽셀과 2000×2000픽셀은 선명도에서 차이가 납니다.
DPI는 주로 인쇄할 때 신경 쓰는 값입니다. 온라인에 올릴 이미지라면 72DPI든 96DPI든 실제 화면에서는 픽셀 수가 더 중요하게 작용합니다. 반대로 명함, 포스터, 스티커처럼 실제 종이에 찍을 작업이라면 300DPI 기준으로 잡는 게 보통입니다. A4 인쇄물을 만들 때 화면용 크기로만 작업하면 출력했을 때 글자와 이미지가 뭉개질 수 있어요.
온라인 작업이라면 크게 만들고 줄이는 편이 낫습니다
작게 만든 이미지를 나중에 크게 키우면 품질이 떨어집니다. 특히 글자 가장자리가 흐려지거나 사진이 뭉개지는 일이 많아요. 반대로 큰 캔버스에서 작업한 뒤 필요한 크기로 줄이면 비교적 선명하게 유지됩니다. 그래서 애매할 때는 목표 크기보다 살짝 크게 만드는 편이 안전합니다.
다만 너무 크게 만들면 파일 용량이 커지고 작업 속도가 느려집니다. 예를 들어 단순한 블로그 썸네일 하나를 6000픽셀로 만들 필요는 거의 없습니다. 일반적인 웹용 이미지는 긴 변 기준 1200~2000픽셀 사이면 충분한 경우가 많습니다.
자주 쓰는 캔버스 사이즈 추천 기준
실제로 작업할 때는 매번 새로 고민하기보다 자주 쓰는 크기를 저장해두는 게 편합니다. 저는 블로그용, SNS용, 썸네일용을 따로 만들어두는 편인데요. 같은 틀을 계속 쓰면 브랜드 느낌도 잡히고, 글자 크기나 여백도 일정하게 유지됩니다.
블로그 대표 이미지는 제목이 잘 보여야 합니다. 그래서 너무 복잡한 배경보다는 넉넉한 여백이 있는 가로형 캔버스가 편합니다. 1200×675픽셀은 16:9에 가까워서 다양한 화면에서 안정적으로 보이고, 1200×630픽셀은 공유 미리보기용 이미지로도 자주 쓰입니다.
상품 상세페이지는 조금 다릅니다. 모바일에서 세로로 내려보는 경우가 많기 때문에 가로 폭은 플랫폼 권장 폭에 맞추고, 세로는 콘텐츠 양에 따라 나누는 방식이 좋습니다. 예를 들어 가로 860픽셀로 잡고 섹션별로 이미지를 여러 장 만드는 식입니다. 한 장에 모든 내용을 너무 길게 넣으면 수정도 힘들고 로딩도 부담스러워질 수 있습니다.
- 블로그 썸네일: 1200×675픽셀
- 공유용 대표 이미지: 1200×630픽셀
- 인스타 카드뉴스: 1080×1080픽셀 또는 1080×1350픽셀
- 쇼츠·릴스 표지: 1080×1920픽셀
- 온라인 강의 표지: 1920×1080픽셀
근데 여기서 꼭 기억할 게 있습니다. 추천 사이즈는 출발점이지 법칙은 아닙니다. 같은 인스타그램 이미지라도 정사각형이 어울리는 콘텐츠가 있고, 세로형이 훨씬 눈에 잘 띄는 콘텐츠가 있어요. 정보량이 많으면 세로형, 한눈에 강한 메시지를 보여주고 싶으면 정사각형이나 가로형이 편합니다.
캔버스 사이즈를 잘못 잡았을 때 생기는 문제
캔버스 사이즈가 맞지 않으면 생각보다 티가 납니다. 가장 흔한 문제는 잘림입니다. 작업할 때는 멀쩡했는데 업로드 후 프로필 영역이나 버튼에 가려져 중요한 글자가 안 보이는 경우가 있습니다. 특히 세로형 영상 표지는 중앙 영역에 핵심 문구를 두는 게 좋습니다.
두 번째는 흐림입니다. 작은 캔버스에 만든 이미지를 크게 쓰면 선명도가 떨어집니다. 썸네일에서 글자가 흐리면 클릭률에도 영향을 줍니다. 사람은 이미지를 아주 자세히 보지 않아도 ‘뭔가 흐릿하다’는 느낌을 빠르게 알아차리거든요.
세 번째는 여백 문제입니다. 캔버스는 맞는데 안쪽 여백이 너무 좁으면 답답해 보입니다. 예를 들어 1080×1080픽셀 카드뉴스를 만들 때 글자를 가장자리 가까이에 붙이면 피드에서는 괜찮아 보여도 작은 화면에서는 불안정해 보입니다. 보통 가장자리에서 60~100픽셀 정도는 안전 여백으로 남겨두면 보기 편합니다.
수정이 잦다면 원본 파일은 크게 보관하는 게 좋습니다
업로드용 이미지는 용량을 줄여도, 작업 원본은 넉넉한 크기로 보관하는 편이 좋습니다. 나중에 같은 디자인을 배너나 포스터로 바꾸고 싶을 때 작은 원본밖에 없으면 다시 만들어야 하는 일이 생깁니다. 특히 로고, 일러스트, 텍스트가 들어간 디자인은 원본 파일을 따로 남겨두면 시간이 많이 절약됩니다.
초보자에게 가장 무난한 선택법
캔버스 사이즈가 헷갈릴 때는 먼저 업로드할 플랫폼을 정하고, 그다음 비율을 고르고, 픽셀 크기를 잡으면 됩니다. 예를 들어 블로그 대표 이미지라면 가로형 비율을 고르고 1200×675픽셀로 시작하면 됩니다. 인스타 카드뉴스라면 1080×1080픽셀로 시작하고, 글이 많다면 1080×1350픽셀도 괜찮습니다.
작업 전에 종이에 대충 레이아웃을 그려보는 것도 의외로 도움이 됩니다. 제목이 위에 들어갈지, 사진이 중앙에 올지, 버튼이나 로고가 필요한지 먼저 생각하면 캔버스를 고르는 속도가 빨라집니다. 디자인 도구를 열고 나서 고민하면 자꾸 크기를 바꾸게 되는데, 그러면 이미지 비율이 틀어지거나 요소 배치가 어색해질 수 있습니다.
솔직히 캔버스 사이즈는 처음부터 완벽하게 외울 필요가 없습니다. 자주 쓰는 크기 몇 개만 정해두고, 목적에 따라 가로형인지 세로형인지 먼저 고르면 대부분의 작업은 훨씬 수월해집니다. 저는 새 이미지를 만들 때마다 숫자보다 ‘이걸 보는 사람이 어떤 화면에서 볼까’를 먼저 떠올리는 편인데, 그 습관 하나만으로도 실패가 꽤 줄어들었습니다.
