ข้ามไปที่เนื้อหา

การเตรียมสินทรัพย์รูปภาพ

ลงทะเบียนสินทรัพย์ภาพ

การลงทะเบียนรูปภาพแอสเซท เนื้อหารูปภาพทั้งหมดที่แสดงบนคอมมูนิตี้และร้านค้าเว็บ จะใช้วิธีการลงทะเบียนโดยตรงที่คอนโซลหลังจากสร้างเสร็จแล้ว สามารถตรวจสอบขนาดรูปภาพได้เมื่อทำการลงทะเบียนแอสเซทในคอนโซล

ตัวอย่างการปรับใช้คู่มือ

นี่คือตัวอย่างหน้าจอ PC ที่จัดองค์ประกอบรูปภาพแอสเซทตามคู่มือแนะนำ


คอมมูนิตี้


ร้านค้าเว็บ


องค์ประกอบรูปภาพแอสเซท

องค์ประกอบ ความละเอียด (pixel)
โลโก้เกม 264 * 124
PC Background คอมมูนิตี้ 2880 * 1240
PC Background ร้านค้าเว็บ 5120 * 2880
รูปปก (Header) ร้านค้าเว็บ PC 1080 * 340
รูปปก (Header) ร้านค้าเว็บ MO (มือถือ) 640 * 202
แบนเนอร์หลัก 800 * 450
แบนเนอร์ป๊อปอัปหลัก 800 * 450 (แนวตั้ง : 450 * 800)
Footer CI 160 * 40
Favicon 16 * 16 (ไฟล์ ico)
รูปภาพแชร์ SNS 800 * 400
OPEN Graph Image 1200 * 630 (ขั้นต่ำ : 600 * 315)


โลโก้เกม

  • ขนาดโลโก้ทั้งหมด
  • ขนาดโลโก้ทั้งหมดจะรวมพื้นที่ว่าง (พื้นที่สีแดง) ด้วย
  • ขนาดโลโก้ทั้งหมด: 264*124px


PC Background คอมมูนิตี้

  • สีพื้นหลัง
    • กรุณาระบุค่าสีพื้นหลังเป็นรหัส HEX (เช่น: #FFFFFF)
    • ก่อนสร้างรูปภาพพื้นหลัง กรุณาใช้สีพื้นหลังที่กำหนดเป็นสีหลัก (Primary Background Color)
  • รูปภาพพื้นหลัง (Background Image)
    • กรุณาสร้างรูปภาพพื้นหลังให้มีความกลมกลืนกับโทน/ความอิ่มตัว/ความสว่างของสีพื้นหลังที่กำหนด
    • กรุณาอย่าให้มีความเปรียบต่าง (Contrast) ระหว่างสีพื้นหลังและรูปภาพมากเกินไป
    • ขนาดที่แนะนำสำหรับการสร้าง: 2880*1240px
  • พื้นที่รูปภาพหลัก (Hero / Main Visual Area)
    • กรุณาวางข้อความหลักและภาพวิชวลที่เป็นตัวแทนหน้าแรก (Hero) ภายในพื้นที่รูปภาพหลัก
    • องค์ประกอบหลัก (ชื่อเรื่อง, คำโฆษณาหลัก, รูปภาพตัวแทน) ควรจัดวางภายในพื้นที่ปลอดภัย (Safe Area) เพื่อป้องกันการถูกตัดออก
    • ขนาดพื้นที่รูปภาพหลัก: 1920*330px
  • หน้าจอมาตรฐาน (เกณฑ์การทำงาน)
    • กรุณาออกแบบเลย์เอาต์ของร่างแบบทั้งหมดโดยยึดตามความละเอียดของหน้าจอมาตรฐาน
    • ขนาดหน้าจอมาตรฐาน: 1920*1080px
    • (แนะนำ) ข้อมูลหลักควรจัดกึ่งกลางโดยยึดตามขนาด 1920 ส่วนพื้นที่ขยายซ้ายขวาให้จัดการด้วยกราฟิกพื้นหลัง


PC Background ร้านค้าเว็บ

  • ขนาด Max ของรูปภาพ BG (พื้นที่สีม่วง) แนะนำที่ 5120*2880px
  • กรุณากำหนดสเกลของรูปภาพ BG โดยยึดตามขนาด Basic (พื้นที่สีแดง) 1920*080px
  • กรุณาเว้นว่างพื้นที่เนื้อหาคอมมูนิตี้ตรงกลาง (พื้นที่สีเขียว, width 1080px)
  • กรุณาจัดวางรูปภาพหลักของ BG ให้สมดุลทั้งด้านซ้ายและขวาของพื้นที่เนื้อหาคอมมูนิตี้ตรงกลาง
  • ตั้งแต่พื้นที่ 1920*1080px ขึ้นไป (โดยยึด Top/Center) กรุณาลดความหนาแน่นของรูปภาพพื้นหลังลง


  • ยึดตามขนาดที่ใช้กับรูปปก
    • ขนาดที่ใช้กับ PC: 1080*340px
  • จะถูกย่อขนาดลงโดยรักษาสัดส่วนรูปภาพเพื่อใช้กับมือถือ ขนาดขั้นต่ำคือกว้าง 640 pixel
  • ในมือถือ GNB และชื่อเรื่อง (Title) จะแสดงพร้อมกับแบนเนอร์


แบนเนอร์หลัก

  • กรุณาสร้างรูปภาพแบนเนอร์โดยยึดตามขนาดที่ใช้กับ PC
  • ขนาดที่ใช้: 800*450px
  • เมื่อลงทะเบียน แนะนำให้ใช้ขนาด 2 เท่าของขนาดที่ใช้จริง
  • ขนาดที่แนะนำสำหรับลงทะเบียน: 1600*900px
  • แบนเนอร์จะถูกย่อขนาดลงโดยรักษาสัดส่วนจากขนาดต้นฉบับเพื่อใช้กับมือถือ
  • กรุณาออกแบบได้อย่างอิสระตามวัตถุประสงค์ เช่น กิจกรรม หรือการอัปเดต ภายในขนาดที่แนะนำ


แบนเนอร์

  • นี่คือภาพที่แสดงในรูปแบบป๊อปอัพเมื่อเข้าถึงชุมชน
  • แบนเนอร์แบ่งออกเป็นแบนเนอร์หลักและแบนเนอร์ป๊อปอัพหลัก และทั้งสองสามารถใช้ในความละเอียดเดียวกัน (800*450px) กับแบนเนอร์หลักในเกมได้


  • คู่มือการใช้ CI
    • รูปภาพ CI นี้จะจัดการเป็นทรัพยากรเดียว (1 ประเภท) และใช้เหมือนกันทั้งในมุมมองมือถือ/PC
    • รูปภาพ CI นี้จะใช้โดยยึดตามขนาดพื้นฐานและล็อกสัดส่วนคงที่
    • ขนาดพื้นฐานของรูปภาพ CI: 160*40px


SNS Share Image

  • คู่มือรูปภาพแชร์
    • เมื่อสร้างรูปภาพ กรุณารักษาสัดส่วนกว้าง/ยาวที่ 2:1
    • แม้ในกรณีที่ต้องปรับขนาด กรุณาล็อกสัดส่วน (2:1) เพื่อป้องกันไม่ให้ภาพบิดเบี้ยว
    • ขนาดพื้นฐานของรูปภาพแชร์: 800*400px


OPEN Graph Image

  • กรุณาสร้างโดยยึดรูปแบบการแสดงผลพื้นฐานเป็นแบบ Wide (แนวนอน)
  • ขึ้นอยู่กับสภาพแวดล้อมการแสดงผล ภาพอาจถูกตัด/แสดงในสัดส่วน Square (สี่เหลี่ยมจัตุรัส) ดังนั้นองค์ประกอบหลัก (ข้อความ/โลโก้/วิชวลหลัก) ต้องวางอยู่ในพื้นที่ปลอดภัยตรงกลางเพื่อป้องกันการถูกตัด
  • ขนาดรูปภาพที่แนะนำ: 1200*630px
  • ขนาดรูปภาพขั้นต่ำ: 600*315px ขึ้นไป