Image assets

Register Image Assets¶

All image content displayed on the Community and Web Shop must be created and then registered directly via the console. Image dimensions can be verified when registering assets in the console.

Guide Application Example¶

This is an example of a PC screen showing image assets configured according to the recommended guidelines.

Community¶

Web Shop¶

Image Asset Specifications¶

Game BI¶

• Full BI Size
• The full BI dimensions include the margins (red area).
• Full BI Size : 264*124px

Community PC Background¶

• Background Color
  • Please specify the background color value in HEX code. (e.g., #FFFFFF)
  • Before creating the background image, please use the designated background color as the Primary Background Color.
• Background Image
  • Create the background image to maintain harmony with the designated background color in terms of tone, saturation, and brightness.
  • Ensure there is no excessive contrast between the background color and the image.
  • Recommended Size: 2880 * 1240px
• Hero / Main Visual Area
  • Place key messages and representative visuals that serve as the page's 'Hero' section within the Main Image Area.
  • Ensure key elements (title, core copy, representative image) are arranged within the safe area to prevent cropping.
  • Main Image Area Size: 1920 * 330px
• Reference Screen (Design Standard)
  • Design layouts for all drafts based on the Reference Screen resolution.
  • Reference Screen Size: 1920 * 1080px
  • (Recommended) Center-align key information based on the 1920px width, and treat the left and right extended areas with background graphics.

Web Shop PC Background¶

• The recommended maximum BG image size (purple area) is 5120*2880px.
• Please set the scale of the BG image based on the basic size (red area) of 1920*1080px.
• Please leave the center's community content area (green area, width 1080px) empty.
• Please balance the BG's main image on the left and right of the center's community content area.
• Please lower the density of the background image in areas larger than 1920*1080px based on Top/Center.

Web Shop Main Image¶

• Based on the Header Image specifications.
• PC Dimensions: 1080*340px
• Adapts to mobile devices by scaling down while maintaining the aspect ratio. Minimum width is 640 px.
• On mobile, the GNB and Title are displayed together with the banner.

Main Banner¶

• Please create banner images based on the PC display dimensions.
• Applied Size: 800*450px
• When uploading, we recommend a resolution twice the applied size (2x scale).
• Recommended Upload Size: 1600*900px
• The banner adapts to mobile devices by scaling down while maintaining the aspect ratio of the original size.
• Feel free to compose the design within the recommended dimensions to suit your purpose, such as events or updates.

Main Popup Banner¶

• This is an image that is displayed in a pop-up form when accessing the community.
• Banners are divided into main banners and main pop-up banners, and both can be used in the same resolution (800*450px) as the in-game main banner.

Footer CI¶

• CI Application Guide
  • This CI image is managed as a single resource and applied identically across both mobile and PC views.
  • The aspect ratio is fixed, and the image is applied based on the base dimensions.
  • Base CI Image Size: 160*40px

SNS Share Image¶

• Share Image Guide
• Please maintain a 2:1 aspect ratio when creating the image.
• Even when resizing is necessary, keep the aspect ratio fixed (2:1) to prevent distortion.
• Base Share Image Size: 800*400px

OPEN Graph Image¶

• Please design based on the Wide (landscape) format as the standard display.
• Since the image may be cropped or displayed as a Square depending on the viewing environment, place key elements (text, logo, core visuals) within the center safe area to prevent them from being cut off.
• Recommended Image Size: 1200*630px
• Minimum Image Size: 600*315px or larger