이미지 에셋 준비
이미지 에셋 등록¶
커뮤니티와 웹 상점에 노출되는 모든 이미지 컨텐츠는 제작 후 콘솔에 직접 등록하는 방식입니다. 이미지 사이즈는 콘솔에 에셋을 등록할 때 확인이 가능합니다.
가이드 적용 예시¶
이미지 에셋을 권장 가이드에 맞게 구성한 PC화면 예시입니다.
커뮤니티¶
웹 상점¶
이미지 에셋 구성¶
| 구성 | 해상도 사이즈(pixel) |
|---|---|
| 게임 BI | 264 * 124 |
| 커뮤니티 PC Background | 5120 * 2880 |
| 웹 상점 PC Background | 5120 * 2880 |
| 웹 상점 PC 대문 | 1080 * 340 |
| 웹 상점 MO 대문 | 640 * 202 |
| 메인 배너 | 800 * 450 |
| 메인 팝업 배너 | 800 * 450 (세로 : 450 * 800) |
| 푸터 CI | 160 * 40 |
| 파비콘 | 16 * 16 (ico 파일) |
| SNS 공유 이미지 | 800 * 400 |
| OPEN Graph Image | 1200 * 630 (최소 : 600 * 315) |
게임 BI¶
- BI 전체 사이즈
- BI 전체 사이에는 여백(빨간색 영역)이 포함됩니다.
- BI 전체 사이즈 : 264*124px
커뮤니티 PC Background¶
- 배경 컬러
- 배경 컬러값은 HEX 코드로 지정해 주세요. (예: #FFFFFF)
- 배경 이미지 제작 전, 지정된 배경 컬러를 기준 컬러(Primary Background Color) 로 사용해 주세요.
- 배경 이미지(Background Image)
- 배경 이미지는 지정된 배경 컬러와 톤/채도/명도 조화를 유지하도록 제작해 주세요.
- 배경 컬러와 이미지 간 대비가 크지 않도록 해주세요.
- 권장 제작 사이즈: 2880*1240px
- 메인 이미지 영역(Hero / Main Visual Area)
- 페이지의 대문(히어로) 역할을 하는 핵심 메시지 및 대표 비주얼은 메인 이미지 영역 내에 배치해 주세요.
- 주요 요소(타이틀, 핵심 카피, 대표 이미지)는 잘림 없이 안전 영역 내에 구성해 주세요.
- 메인 이미지 영역 사이즈: 1920*330px
- 기준 스크린(작업 기준)
- 모든 시안은 기준 스크린 해상도 기준으로 레이아웃을 설계해 주세요.
- 기준 스크린 사이즈: 1920*1080px
- (권장) 주요 정보는 1920 기준에서 중앙 정렬을 기본으로 하며, 좌우 확장 영역은 배경 그래픽으로 처리해 주세요.
웹 상점 PC Background¶
- BG 이미지 Max사이즈(보라색 영역)는 5120*2880px을 권장합니다.
- BG 이미지의 스케일감은 Basic사이즈(빨간색 영역) 1920*1080px을 기준으로 잡아주세요.
- 센터의 커뮤니티 컨텐츠 영역(초록색 영역, width 1080px)은 비워주세요.
- 센터의 커뮤니티 컨텐츠 영역 좌우로 BG의 메인 이미지를 균형감있게 배치해 주세요.
- Top/Center를 기준으로 1920*1080px 이상의 영역부터는 배경 이미지의 밀도감을 낮춰주세요.
웹 상점 대문¶
- 대문이미지에 적용되는 사이즈에 기준합니다.
- PC 적용 사이즈: 1080*340px
- 이미지 비율을 유지하면서 스케일 축소로 모바일까지 적용되며, 최소 사이즈는 가로 640 pixel 입니다
- 모바일은 GNB와 타이틀이 배너와 함께 구성됩니다.
메인 배너¶
- 배너 이미지는 PC에 적용되는 사이즈를 기준으로 제작해 주세요.
- 적용 사이즈: 800*450 px
- 등록 시 배너 이미지는 적용 사이즈의 2배수 크기를 권장합니다.
- 등록 권장 사이즈: 1600*900px
- 배너는 제작된 원사이즈를 기준으로 비율 유지하며 스케일 축소로 모바일까지 적용됩니다.
- 권장 사이즈 내에서 이벤트, 업데이트 등 목적에 따라 자유롭게 구성해 주세요.
팝업 배너¶
- 커뮤니티 접속 시 팝업 형태로 노출되는 이미지 입니다.
- 인게임 전면 배너와 동일한 해상도(800*450px)로 사용 가능합니다.
푸터 CI¶
- CI 적용 가이드
- 해당 CI 이미지는 단일 리소스(1종)로 관리하며, 모바일/PC 뷰에 동일하게 적용됩니다.
- 해당 CI 이미지는 비율 고정으로 기본 사이즈에 기준하여 적용됩니다.
- CI 이미지 기본 사이즈: 160*40px
SNS 공유 이미지¶
- 공유 이미지 가이드
- 이미지 제작 시 가로/세로 비율 2:1을 유지해 주세요.
- 리사이즈가 필요한 경우에도 비율 고정(2:1)을 적용하여 왜곡이 발생하지 않도록 해주세요.
- 공유 이미지 기본 사이즈: 800*400px
OPEN Graph Image¶
- 기본 노출 형식은 Wide(가로형) 을 기준으로 제작해 주세요.
- 노출 환경에 따라 Square(정사각형) 비율로 크롭/노출될 수 있으므로, 주요 요소(텍스트/로고/핵심 비주얼)는 중앙 안전 영역에 배치해야 잘림을 방지할 수 있습니다.
- 이미지 권장 사이즈: 1200*630px
- 이미지 최소 사이즈: 600*315px 이상










