# ไอคอน ภาพหลัก ภาพหน้าจอ และวิดีโอของหน้าเกม PlayDrop

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

Source: https://www.playdrop.ai/th/create/learn/listing-assets

หน้าเกมคือสิ่งที่ผู้เล่นเห็นก่อนเล่น: ในหน้าแรก ในการค้นหา ในฟีด Instant และเมื่อมีคนแชร์ลิงก์ ภาพที่ดีช่วยให้เกมได้ยอดเล่นแรกๆ มากกว่าคำอธิบายใดๆ

## สื่อที่เกมมีได้

| ฟิลด์ในแคตตาล็อก | การใช้งาน | รูปแบบ |
|---|---|---|
| `icon` | ไอคอนแอปสี่เหลี่ยมจัตุรัสในรายการ การค้นหา และแชท | PNG |
| `heroLandscape` | ภาพหลักแนวกว้าง 16:9 พร้อมชื่อเกม | PNG |
| `heroPortrait` | ภาพหลักแนวตั้ง 9:16 พร้อมชื่อเกม สำหรับโทรศัพท์ | PNG |
| `socialLandscape` | ภาพแนวกว้างสำหรับภาพตัวอย่างลิงก์ ไม่บังคับ | PNG หรือ JPEG |
| `screenshotsLandscape`, `screenshotsPortrait` | ภาพหน้าจอจากการเล่นจริง | PNG |
| `videosLandscape` | ตัวอย่างวิดีโอการเล่น | MP4 |
| `videosPortrait` | วิดีโอทีเซอร์แนวตั้งสำหรับโทรศัพท์และฟีด Instant | MP4 |

ประกาศไว้ในออบเจ็กต์ `listing` ของแอป โดยใช้พาธแบบสัมพัทธ์จาก catalogue.json:

```json
{
  "listing": {
    "icon": "listing/icon.png",
    "heroLandscape": "listing/hero-landscape.png",
    "heroPortrait": "listing/hero-portrait.png",
    "screenshotsLandscape": ["listing/shot-1.png", "listing/shot-2.png"],
    "videosLandscape": ["listing/trailer.mp4"],
    "videosPortrait": ["listing/teaser.mp4"]
  }
}
```

รายการภาพหน้าจอและวิดีโออาจเป็นออบเจ็กต์ที่มี `path`, `title`, `alt` และ `caption` ก็ได้ ไฟล์ใน `listing/` ที่แคตตาล็อกไม่ได้อ้างอิงจะไม่ถูกใช้เป็นสื่อของหน้าเกม สื่อของหน้าเกมต้องใช้[แพ็กเกจ](https://www.playdrop.ai/th/create/learn/packaging) เส้นทาง HTML แบบง่ายไม่มีสื่อเหล่านี้

## ทำภาพที่ใช้ได้ดี

- **ไอคอน:** รูปทรงหรือตัวละครเด่นๆ หนึ่งอย่าง อ่านออกที่ขนาด 48 พิกเซล ไม่มีตัวหนังสือเล็กๆ ไม่ใช่ภาพหน้าจอที่ย่อลงมา
- **ภาพหลัก:** มีชื่อเกมอยู่ในภาพ มีตัวละครหลักหรือฉากแอ็กชัน และเว้นที่ว่างรอบขอบ เพราะฟีดครอปภาพต่างกันในแต่ละอุปกรณ์
- **ภาพหน้าจอ:** การเล่นจริงที่ความละเอียดดั้งเดิมของเกม แสดงช่วงเวลาที่ต่างกัน ไม่ใช้ภาพจำลองอุปกรณ์
- **ตัวอย่างวิดีโอ:** เริ่มด้วยการเล่นในวินาทีแรก ทำให้สั้น และอย่าพึ่งเสียง: วิดีโอของหน้าเกมเล่นแบบปิดเสียง
- **ทีเซอร์แนวตั้ง:** สำหรับเกมบนโทรศัพท์และการเข้าถึงผู้เล่นผ่าน [Instant](https://www.playdrop.ai/th/create/learn/instant-games) ให้อัดการเล่นแนวตั้งก่อน ตัวอย่างวิดีโอแนวนอนทำทีหลังได้

แสดงเฉพาะฟีเจอร์ โหมด และภาษาที่เกมมีจริง

## ภาพที่แปลแล้ว

ภาพที่มีข้อความแปลแยกตามภาษาได้: อ้างอิงไฟล์ที่แปลแล้วจากรายการของภาษานั้นใน `listingLocalizations` เช่น `"fr": { "displayName": "Saut lunaire", "listing": { "heroLandscape": "listing/locales/fr/hero-landscape.png" } }` ดู[การแปล](https://www.playdrop.ai/th/create/learn/localization)

## การอัปเดต

การอัปโหลดแต่ละครั้งเป็นสแนปช็อตเต็ม: ใส่ข้อมูลหน้าเกมอีกครั้งทุกเวอร์ชัน ไม่เช่นนั้นเวอร์ชันใหม่จะไม่มีสื่อของหน้าเกม ไฟล์ที่ไม่เปลี่ยนนำกลับมาใช้จากเวอร์ชันที่เก็บไว้ได้ โดยไม่ต้องอัปโหลดใหม่

## คู่มือที่เกี่ยวข้อง

- [การจัดแพ็กเกจและ .play](https://www.playdrop.ai/th/create/learn/packaging): จัดโฟลเดอร์เกมที่บิลด์แล้ว ZIP หรือ .play ให้มี catalogue.json ที่ราก ประกาศสื่อของหน้าเกมและเซิร์ฟเวอร์ แล้วอัปโหลดด้วย prepare_catalogue_upload
- [การแปล](https://www.playdrop.ai/th/create/learn/localization): อ่านภาษาของผู้เล่นด้วย sdk.host.language เลือกว่าจะรองรับภาษาใดจาก 20 ภาษาของ PlayDrop และแปลหน้าเกมพร้อมภาพ
- [เกม Instant](https://www.playdrop.ai/th/create/learn/instant-games): อะไรทำให้เกม PlayDrop เป็นเกม Instant: เล่นแนวตั้ง ผู้เยี่ยมชมเล่นได้ ไฟล์เริ่มต้นไม่เกิน 10 MiB และเริ่มได้ในสองวินาที และต่างจากเกมทั่วไปอย่างไร
- [ประเภทเกมและแท็ก](https://www.playdrop.ai/th/create/learn/tags): แท็กประเภทเกมที่จำเป็น แท็กประเภทย่อย โหมดการเล่น ธีม และอารมณ์ที่ใส่เพิ่มได้ของเกม PlayDrop และผลต่อการเรียกดูและการค้นหา