웹툰 포맷 가이드: 치수, 크기 & 기술 요구사항
웹툰 치수와 포맷팅을 마스터하세요. Webtoon, Tapas 및 기타 플랫폼을 위한 정확한 캔버스 크기, 해상도 설정, 기술 사양을 배워보세요.
웹툰 치수가 잘못되면 흐릿한 아트, 어색한 레이아웃, 또는 거부된 업로드를 의미합니다. 이 가이드는 모든 기기와 플랫폼에서 완벽하게 표시되는 웹툰을 만들기 위해 필요한 정확한 기술 사양을 다룹니다.
표준 웹툰 캔버스 크기
권장 치수: 800 x 1280 픽셀 (너비 x 높이)
이것은 플랫폼 전체에서 가장 널리 수용되는 포맷입니다. 800px 너비는 과도한 가로 스크롤 없이 휴대폰에서 선명하게 표시되며, 1280px 높이는 세그먼트당 대략 한 “에피소드” 분량의 읽기 가능한 콘텐츠에 맞습니다.
왜 이 숫자인가?
800px 너비: 대부분의 스마트폰은 360-428px 너비로 콘텐츠를 표시합니다. 800px에서 아트는 축소해도 선명하게 보일 만큼 충분한 디테일을 가지면서 불필요하게 큰 파일을 만들지 않습니다.
1280px 높이: 편안한 읽기 세그먼트를 만듭니다. 독자는 전체 에피소드를 읽기 위해 여러 1280px 패널을 스크롤하며, 자연스러운 페이싱 브레이크를 만듭니다.
플랫폼별 요구사항
다른 플랫폼은 다른 기술 요구사항이 있습니다. 알아야 할 것:
Webtoon (LINE Webtoon / Canvas)
| 사양 | 요구사항 |
|---|---|
| 너비 | 800px (권장) |
| 높이 | 스트립당 1280px (권장) |
| 파일 포맷 | JPG 또는 PNG |
| 최대 파일 크기 | 이미지당 2MB |
| 에피소드당 최대 이미지 | 100개 |
| 컬러 모드 | RGB |
| 해상도 | 72 DPI (웹 표준) |
중요 사항:
- Canvas 스트립은 정확히 800px 너비여야
- 높이는 다양할 수 있지만 1280px 세그먼트가 페이싱에 가장 좋음
- 풀 컬러 아트에 JPG 권장 (작은 파일)
- 투명도나 큰 단색 영역 아트에 PNG
Tapas
| 사양 | 요구사항 |
|---|---|
| 너비 | 800-940px (800px 권장) |
| 높이 | 엄격한 최대값 없음 |
| 파일 포맷 | JPG, PNG, 또는 GIF |
| 최대 파일 크기 | 이미지당 5MB |
| 컬러 모드 | RGB |
Tapas는 Webtoon보다 더 유연합니다. 넓은 범위가 다른 스타일을 수용하지만, 크로스포스트하면 800px 유지가 일관성 유지.
GlobalComix
| 사양 | 요구사항 |
|---|---|
| 너비 | 720-1080px (가변) |
| 높이 | 가변 |
| 파일 포맷 | JPG, PNG, WEBP |
| 최대 파일 크기 | 이미지당 10MB |
GlobalComix는 세로 스크롤 포맷과 함께 전통적 페이지 레이아웃도 지원.
셀프 호스팅
자신의 웹사이트에서 호스팅하면 완전한 제어 가능. 고려할 것:
- 너비: 모바일 최적화를 위해 800-1000px
- 포맷: 최상의 압축을 위해 WEBP, JPG 폴백과 함께
- 레이지 로딩: 긴 에피소드에 구현
캔버스 설정하기
Clip Studio Paint에서
- 파일 > 새로 만들기
- 너비: 800 픽셀
- 높이: 전체 에피소드 높이 설정 (1280 × 세그먼트 수 곱하기)
- 해상도: 웹 내보내기용 72 dpi (인쇄 옵션 원하면 300 dpi로 작업)
- 컬러 모드: RGB
프로 팁: 2x 크기 (1600 x 2560)로 만들고 50%로 내보내면 더 선명한 최종 아트. 미래에 인쇄나 고해상도 디스플레이를 위한 유연성 제공.
Procreate에서
- + 탭해서 새 캔버스 만들기
- 오른쪽 상단 + 아이콘 탭
- 너비: 800px, 높이: 전체 에피소드 높이 입력
- DPI: 웹용 72
- 컬러 프로파일: sRGB
MediBang / ibisPaint에서
두 앱 모두 웹툰 전용 캔버스 프리셋 있음. 찾을 것:
- “Webtoon” 또는 “Comic” 프리셋
- 너비를 800px로 설정
- 에피소드 길이에 맞게 높이 조정
더 높은 해상도로 작업하기
많은 프로 웹툰 아티스트가 더블 해상도 (1600 x 2560)로 작업하고 내보낼 때 축소. 장점:
- 더 선명한 최종 아트: 다운스케일링이 자연스럽게 엣지 안티앨리어싱
- 인쇄 유연성: 300dpi에서 1600px = 대략 5.3인치 너비
- 미래 대비: 더 높은 해상도 디스플레이가 표준될 수 있음
단점
더 큰 파일은:
- 앱 성능 느려짐
- 더 많은 저장 공간 필요
- 더 긴 내보내기 시간
기기가 힘들면 표준 800px로 작업—최종 품질 차이는 미묘.
에피소드 구성하기
일반적인 웹툰 에피소드는 함께 이어붙이거나 별도로 업로드되는 여러 세로 스트립으로 구성.
방법 1: 하나의 긴 캔버스
단일 높은 캔버스에 전체 에피소드 만들기:
- 너비: 800px
- 높이: 1280px × 섹션 수
예시: 10섹션 에피소드 = 800 x 12,800 픽셀
그 다음 완성된 아트를 업로드용 800 x 1280 세그먼트로 슬라이스.
장점: 페이싱과 비주얼 흐름 관리 쉬움 단점: 매우 큰 파일, 드로잉 앱에서 랙 가능
방법 2: 개별 캔버스
각 섹션을 별도 파일로 만들기:
- 파일 1: 800 x 1280
- 파일 2: 800 x 1280
- 등등…
장점: 작은 파일, 시스템 리소스에 쉬움 단점: 섹션 사이 연속성 관리 어려움
방법 3: 페이지 기반 후 슬라이스
표준 페이지 크기로 작업 후 세로 포맷으로 변환:
- 표준 만화 페이지 치수로 만들기
- 패널을 세로 레이아웃으로 재배열
- 800px 너비 스트립으로 내보내기
전통 만화에서 전환하는 아티스트에게 작동.
에피소드 길이 가이드라인
웹툰 에피소드는 얼마나 길어야 하나?
| 에피소드 유형 | 대략적 길이 | 스크롤 시간 |
|---|---|---|
| 짧음 | 15-25 패널 (5-8 스트립) | 1-2분 |
| 표준 | 30-50 패널 (10-15 스트립) | 2-4분 |
| 김 | 60+ 패널 (20+ 스트립) | 5+분 |
플랫폼 규범:
- Webtoon Originals: 보통 50-70+ 패널
- Canvas: 매우 다양, 종종 더 짧음
- Tapas: 중간 길이 가장 흔함
리듬 찾는 동안 짧은 에피소드로 시작, 워크플로우 개선되면 확장.
파일 내보내기 설정
JPG 내보내기용
- 품질: 85-95% (파일 크기와 품질 균형)
- 색상: RGB
- 해상도: 72 DPI
JPG가 가장 적합:
- 그라디언트가 있는 풀 컬러 아트
- 사진적 요소
- 파일 크기가 중요할 때
PNG 내보내기용
- 비트 깊이: 8비트 (투명도 필요 없으면)
- 압축: 최대
- 색상: RGB
PNG가 가장 적합:
- 큰 플랫 컬러 영역 아트
- 투명도 필요할 때
- 텍스트 많은 패널 (더 깔끔한 엣지)
파일 크기 비교
일반적인 800 x 1280 풀 컬러 패널:
- PNG: ~500KB - 1.5MB
- JPG (90% 품질): ~150KB - 400KB
- WEBP: ~100KB - 250KB
플랫폼 크기 제한에 걸리면 JPG로 전환하거나 TinyPNG 같은 도구로 최적화.
흔한 포맷팅 실수
실수 1: 잘못된 너비
문제: 1000px, 600px, 또는 임의의 너비로 만들기 결과: 표시될 때 늘어나거나, 찌그러지거나, 흐릿한 아트 수정: 항상 800px 너비 사용 (또는 플랫폼의 정확한 요구사항)
실수 2: 파일 크기 제한 무시
문제: 2MB 초과하는 고해상도 PNG 결과: 업로드 거부 또는 강제 압축 수정: 85-90% 품질로 JPG 내보내기, 또는 업로드 전 PNG 최적화
실수 3: 잘못된 컬러 모드
문제: 웹 콘텐츠에 CMYK (인쇄 모드)로 작업 결과: 화면에서 표시될 때 무디고 색이 틀어짐 수정: 디지털 콘텐츠에 항상 RGB로 작업
실수 4: 텍스트가 너무 작음
문제: 데스크톱에서 읽히지만 폰에서 읽을 수 없는 대화 결과: 좌절하는 독자 수정: 실제 폰 크기에서 레터링 테스트. 눈을 찡그리면 너무 작음.
실수 5: 패널 높이가 너무 김
문제: 여러 화면 높이에 걸친 단일 패널 결과: 독자가 맥락 상실, 어색한 읽기 경험 수정: 개별 패널을 ~1000px 미만으로 유지. 긴 샷을 여러 패널로 분할.
포맷 테스트하기
게시 전에 포맷팅 작동 확인:
데스크톱 테스트
- 내보낸 파일을 100% 줌으로 열기
- 압축 아티팩트 확인 (그라디언트의 블록 영역)
- 텍스트 읽기 가능 확인
- 색상이 작업 파일과 일치 확인
모바일 테스트
- 테스트 파일을 폰으로 전송
- 사진 앱에서 일반 크기로 보기
- 텍스트 가독성 확인
- 중요 디테일이 손실되지 않는지 확인
플랫폼 미리보기
대부분의 플랫폼이 미리보기 기능 제공:
- Webtoon Canvas: 게시 전 미리보기
- Tapas: 드래프트 미리보기 가능
- 테스트 계정: 자신만 볼 수 있는 테스트 시리즈 만들기
포맷 최적화 워크플로우
일관되고 최적화된 웹툰 포맷팅을 위한 단계별 워크플로우:
1단계: 만들기
- 캔버스: 1600 x 2560 (또는 표준용 800 x 1280)
- 컬러 모드: RGB
- 작업 해상도: 300 DPI (선택) 또는 72 DPI
2단계: 아트 완성
모바일 가독성을 염두에 두고 에피소드 작업.
3단계: 평면화 및 내보내기
- 레이어 평면화 (레이어된 백업 유지)
- 최종 크기로 내보내기: 800px 너비
- 포맷: 컬러에 90% JPG, 플랫 컬러에 PNG
- 해상도: 72 DPI
4단계: 슬라이스 (필요시)
하나의 긴 캔버스로 작업했다면 섹션으로 슬라이스:
- 각 섹션: 800 x 1280 픽셀
- 파일을 순차적으로 번호 매기기 (001, 002, 003…)
5단계: 확인
- 플랫폼 제한에 대해 파일 크기 확인
- 모바일에서 미리보기
- 시퀀스 순서 확인
6단계: 업로드
파일 순서 유지하며 플랫폼 업로드 프로세스 따르기.
포맷 관리 도구
슬라이싱 도구
- Clip Studio Paint: 슬라이스 설정으로 내보내기
- Photoshop: 슬라이스 도구 + 웹용 내보내기
- 무료: Pine Tools 같은 온라인 이미지 슬라이서
배치 최적화
- TinyPNG: PNG와 JPG 파일 압축
- Squoosh: 구글의 이미지 압축 도구
- ImageOptim (Mac): 이미지 배치 최적화
미리보기 도구
- Responsively App: 여러 화면 크기에서 미리보기
- 브라우저 개발 도구: 모바일 기기 에뮬레이션
빠른 참조 카드
워크플로우용으로 저장:
웹툰 표준 포맷
━━━━━━━━━━━━━━━━━━━━━
너비: 800px
높이: 섹션당 1280px
포맷: JPG (컬러) 또는 PNG (플랫)
품질: 85-95%
해상도: 72 DPI
색상: RGB
최대 크기: 이미지당 2MB (Webtoon)
이미지당 5MB (Tapas)
다음 단계
포맷 설정이 완료되면 중요한 것—훌륭한 스토리 만들기—에 집중할 준비가 된 것입니다. 일관된 기술 사양은 아트가 의도대로 표시되어 스토리텔링이 빛나게 합니다.
포맷팅 도구가 내장된 협업 웹툰 제작을 위해 Multic을 사용해 보세요—기술 사양을 처리해서 창작에 집중할 수 있게 합니다.
관련: 웹툰 만드는 법, Webtoon에 게시하기, 패널 레이아웃 기본