Chuyển đến nội dung chính
Steam Capsule Art Guide: Sizes, Examples and What Makes Players Click

Hướng dẫn nghệ thuật capsule Steam: Kích thước, ví dụ và yếu tố thu hút người chơi

Nghệ thuật capsule Steam cần hiển thị tốt ở kích thước thumbnail. Tìm hiểu kích thước cho cửa hàng và thư viện, ví dụ cho game indie, quy tắc văn bản và các bài kiểm tra cần thực hiện.

Viết bởi
Mostafa Salem
Đã cập nhật
Thời gian đọc
7 phút
Chủ đề
Tin tức
Kích thước capsule Steam là bao nhiêu?

Xem thêm bài viết của GAMES.GG trên Google

Quảng cáo

Ảnh capsule Steam là tập hợp các hình ảnh banner đại diện cho trò chơi của bạn trên cửa hàng và thư viện. Header capsule, với kích thước 920x430 pixel, là hình ảnh đầu tiên bạn cần phải làm đúng. Hướng dẫn này liệt kê mọi kích thước capsule hiện tại từ tài liệu Steamworks, cho thấy những gì còn hiển thị được ở kích thước thumbnail bằng cách sử dụng các game indie thực tế, và giải thích cách kiểm tra ảnh của bạn trước khi nó khiến bạn mất đi lượt click.

Kích thước capsule Steam là bao nhiêu?

Steamworks liệt kê bốn loại capsule cửa hàng và ba loại tài nguyên thư viện. Đây là các thông số kỹ thuật chính thức tính đến tháng 10 năm 2026. Hãy kiểm tra trang tài nguyên đồ họa cửa hàng và trang tài nguyên thư viện trước khi xuất file, vì Valve có thể thay đổi chúng.

Tài nguyênKích thước tải lênNơi người chơi nhìn thấy
Header capsule920x430Đầu trang cửa hàng của bạn, mục Recommended For You, chế độ xem Big Picture, Daily Deals
Small capsule462x174; Steam tự tạo ra kích thước 184x69 và 120x45Kết quả tìm kiếm, top bán chạy, game mới phát hành và các danh sách khác
Main capsule1232x706Carousel capsule chính ở đầu trang chủ cửa hàng Steam
Vertical capsule748x896Đầu trang chủ trong các đợt giảm giá theo mùa và trên các trang giảm giá mới
Library capsule600x900; tự động tạo 300x450Tổng quan thư viện và các bộ sưu tập
Library header920x430Recent Games và các vị trí khác trong thư viện client Steam
Library hero3840x1240; tự động tạo 1920x620Đầu trang chi tiết thư viện; chỉ hiển thị ảnh, không có chữ

CDN hình ảnh công khai của Steam cũng phục vụ một small capsule 231x87 và một file 616x353, bằng một nửa kích thước của main capsule. Bạn sẽ thấy chúng trong các công cụ của bên thứ ba, nhưng chúng không phải là file tải lên riêng biệt.

Library hero có một vùng an toàn 860x380 pixel ở trung tâm không bao giờ bị cắt. Hãy giữ khuôn mặt và các hình khối quan trọng bên trong vùng này.

Ảnh capsule Steam nên thể hiện điều gì?

Hướng dẫn của Steam rất ngắn gọn: sử dụng key art tiếp thị và logo của bạn, để hình ảnh truyền tải cho khách hàng điều gì đó quan trọng về trò chơi, và giữ cho logotype dễ đọc. Valve yêu cầu hình ảnh phải "tập trung vào đồ họa" và mang lại "cảm nhận về lối chơi".

Theo các quy tắc về tài nguyên đồ họa, base capsule chỉ được chứa hình ảnh trò chơi, tên trò chơi và bất kỳ phụ đề chính thức nào. Chúng không được chứa:

  • Điểm đánh giá, bao gồm đánh giá Steam hoặc điểm từ báo chí.
  • Tên giải thưởng, biểu tượng hoặc logo.
  • Nội dung giảm giá như "On Sale Now".
  • Lời kêu gọi hành động như "Wishlist now" hoặc "Prepurchase now".
  • Quảng bá cho sản phẩm khác, bao gồm cả phần tiếp theo.

Đối với văn bản về một bản cập nhật hoặc sự kiện lớn, hãy sử dụng Capsule Artwork Override. Các Override kéo dài tối đa một tháng, phải được bản địa hóa sang các ngôn ngữ mà trò chơi hỗ trợ, và chỉ được mô tả nội dung mới hiện đang khả dụng.

Làm thế nào để thiết kế capsule hiển thị tốt ở kích thước thumbnail?

Hãy thiết kế phiên bản nhỏ nhất trước rồi mới phóng to. Header capsule xuất hiện ở kích thước 920x430 trên trang của bạn nhưng lại là thumbnail ở hầu hết mọi nơi khác, vì vậy mọi yếu tố đều phải xứng đáng với vị trí của nó. Bốn yếu tố quan trọng nhất.

Một capsule hiệu quả khi mắt người nhìn vào logo, sau đó là một hình ảnh giải thích về trò chơi. Balatro lấp đầy phần lớn khung hình với logo ở bên trái và giữa, với quân át bích nằm bên trong chữ. Bạn sẽ hiểu ngay "game bài" trước khi đọc bất kỳ từ nào.

Header capsule Steam của Balatro với logo lớn, quân bài át bích và các vòng xoáy đỏ

2. Tín hiệu thể loại thông qua màu sắc, nhân vật và chủ thể

Người chơi quét tìm thể loại trước khi đọc tiêu đề. Màu sắc và chủ thể thực hiện công việc đó trong các ví dụ sau:

  • DREDGE sử dụng bầu trời tối tăm, bão tố, một ngọn hải đăng và một chiếc thuyền đánh cá. Nó mang lại cảm giác phiêu lưu hàng hải đầy tâm trạng.
  • DAVE THE DIVER sử dụng nền xanh sáng, phẳng và một thợ lặn pixel-art. Nó mang lại cảm giác một trò chơi đại dương tươi sáng, thư giãn trong khi vẫn giữ cho nhân vật và logo rõ ràng.
  • Cult of the Lamb sử dụng đám đông động vật thang độ xám với một bàn thờ màu đỏ bão hòa ở giữa. Điểm nhấn đó mang lại cảm giác dễ thương nhưng đầy huyền bí.
Header capsule Steam của DREDGE hiển thị ngọn hải đăng, thuyền đánh cá và logo trắng lớn dưới bầu trời bão tố
Header capsule Steam của DAVE THE DIVER với thợ lặn pixel-art trên nền đại dương xanh sáng
Header capsule Steam của Cult of the Lamb với bàn thờ đỏ và đám đông tín đồ động vật màu xám

Hình ảnh của bạn nên khớp với các top tag của mình. Tài liệu về tag của Steam cho biết năm tag hàng đầu của bạn nên vẽ nên một bức tranh rõ ràng về trò chơi. Nếu tag của bạn là "Cozy" và "Relaxing" nhưng capsule lại tối tăm và lộn xộn, thì một trong hai đã sai.

Valve cho biết logotype phải dễ đọc trên nền của nó, và small capsule cần một logo dễ đọc "ngay cả ở kích thước nhỏ nhất". Trong thực tế:

  • Sử dụng độ tương phản cao: logo sáng trên vùng tối, hoặc ngược lại.
  • Tránh các nét mảnh, kerning quá khít và các tagline dài bên trong logo.
  • Kiểm tra logo ở chiều rộng 120 pixel. Nếu bạn không đọc được, hãy đơn giản hóa nó.
  • Tránh để các nhân vật và hiệu ứng phức tạp chạy phía sau chữ.

Peglin kết hợp một wordmark ngắn, đậm với một nhân vật duy nhất. Đường cong phía trên logo thậm chí còn gợi ý về một quả bóng đang chuyển động. Đó là cách chúng tôi đọc hình ảnh, không phải điều nhà phát triển đã nói.

Header capsule Steam của Peglin với nhân vật yêu tinh xanh bên cạnh logo trắng đậm

4. Small capsule là một thiết kế riêng biệt

Small capsule là nơi hầu hết các capsule thất bại. Valve cho biết hình ảnh của nó "không cần phải giống" với các capsule khác của bạn và yêu cầu logo phải lấp đầy nó. Trong kết quả tìm kiếm, nó nằm cạnh giá và điểm đánh giá của bạn.

Hầu hết các trò chơi làm tốt hơn với một khung hình chặt chẽ hơn, giữ cho logo lớn và một hình ảnh neo. Small capsule của DREDGE bên dưới, hiển thị ở 231x87, giữ lại ngọn hải đăng và logo dễ đọc, đồng thời loại bỏ mọi thứ khác.

Small capsule của DREDGE ở kích thước 231x87 hiển thị ngọn hải đăng và logo trắng

Những sai lầm phổ biến nhất về capsule Steam là gì?

  • Nhồi nhét key art vào small capsule. Một header được thu nhỏ hiếm khi hiệu quả. Hãy cắt lại khung hình.
  • Vi phạm quy tắc văn bản. Điểm số, giải thưởng, "Wishlist now" và quảng bá phần tiếp theo không được phép trên base capsule.
  • Logo không có độ tương phản. Nó trông ổn trên màn hình của bạn nhưng biến mất trên thumbnail kích thước điện thoại.
  • Thiếu tín hiệu thể loại. Một hình ảnh đẹp nhưng có thể thuộc về bất kỳ trò chơi nào sẽ thất bại ngay từ cái nhìn đầu tiên.
  • Bị hòa lẫn. Nếu mọi capsule trong thể loại của bạn đều có màu đỏ tối với đầu lâu, một chiếc đầu lâu đỏ tối khác sẽ bị chìm nghỉm. Hãy nhìn vào kệ hàng trước khi quyết định.
  • Thêm quá nhiều chi tiết. Các nhân vật nhỏ, hiệu ứng và UI sẽ trở thành nhiễu ở chiều rộng dưới 231 pixel.
  • Phớt lờ vùng an toàn của library hero. Khuôn mặt và các hình khối quan trọng nằm ngoài vùng trung tâm 860x380 có thể bị cắt mất.

Làm thế nào để kiểm tra ảnh capsule Steam?

Bạn không thể split-test một capsule theo cách bạn làm với một trang web, và tài liệu Steamworks không mô tả công cụ A/B capsule tích hợp. Việc kiểm tra diễn ra theo hai giai đoạn: trước khi xuất bản và sau khi xuất bản.

Trước khi xuất bản: kiểm tra trên kệ hàng

Hãy đánh giá capsule của bạn trên kệ hàng bên cạnh các đối thủ, không phải một mình trên khung vẽ trắng. SteamBuddy's shelf test sử dụng các kích thước Steam thực tế và các trò chơi tương tự được chọn theo sự trùng lặp tag. Nó cung cấp kết quả tìm kiếm và chế độ xem kệ hàng gợi ý, cộng với nút gạt "squint test" mô phỏng cái nhìn một giây khi cuộn trang.

Kiểm tra kệ hàng SteamBuddy hiển thị capsule Hades được làm nổi bật trong kệ More like this bên cạnh Hades II, Vampire Survivors, Halls of Torment, Skul và Astral Ascent
Chế độ xem kết quả tìm kiếm SteamBuddy hiển thị small capsule Hades trong danh sách tìm kiếm Action Roguelike với năm phát hành, xếp hạng đánh giá và giá

Chạy danh sách kiểm tra này:

  1. Squint test. Nheo mắt hoặc thu nhỏ kệ hàng. Bạn vẫn có thể nhận ra thể loại và đọc được tiêu đề không?
  2. Stand-out test. Capsule có bị trùng lặp với các hàng xóm, hay khác biệt về màu sắc, hình dạng hoặc chủ thể trong khi vẫn phù hợp với thể loại?
  3. Five-second test. Cho năm người trở lên bên ngoài nhóm của bạn xem trong năm giây. Hỏi tên trò chơi và đó là loại trò chơi gì. Nếu họ không thể trả lời, capsule không hoàn thành công việc của nó.
  4. Small-size check. Xem các phiên bản rộng 120 và 184 pixel. Logo vẫn phải đọc được.

Sau khi xuất bản: số liệu thống kê lưu lượng truy cập Steamworks

Steamworks theo dõi lượt hiển thị (impressions), lượt truy cập (visits) và tỷ lệ nhấp (click-through rate). Tài liệu báo cáo lưu lượng truy cập định nghĩa lượt hiển thị là trò chơi của bạn được hiển thị trên màn hình, không phải bằng chứng ai đó đã nhìn thấy nó. Lượt truy cập là các lần tải trang duy nhất; tỷ lệ nhấp là tỷ lệ phần trăm lượt hiển thị trở thành lượt truy cập.

Tìm các mục này trong Marketing Tools and Data, sau đó là Marketing and Visibility, và tab Store and Steam Platform Traffic Breakdown.

Để so sánh các phiên bản capsule:

  1. Ghi lại tỷ lệ nhấp của bạn trong một khoảng thời gian ổn định trước khi thay đổi.
  2. Thay đổi một thứ, ví dụ như header hoặc small capsule, không thay đổi tất cả cùng lúc.
  3. Chờ một khoảng thời gian tương tự trong các điều kiện tương tự, sau đó so sánh.
  4. Đừng so sánh một tuần bình thường với tuần diễn ra Steam Next Fest hoặc tuần giảm giá. Các nguồn lưu lượng truy cập khác nhau khiến các con số không phù hợp để so sánh.

Valve cũng lưu ý rằng một số vị trí, chẳng hạn như cửa sổ bật lên của bạn bè, không liên kết đến trang cửa hàng, vì vậy tỷ lệ nhấp của chúng không thể đo lường được.

Capsule phù hợp ở đâu trong phần còn lại của trang Steam của bạn?

Capsule giành lấy lượt click. Sau đó, trang phải giành lấy lượt wishlist thông qua trailer, mô tả ngắn, ảnh chụp màn hình và tag. Các hướng dẫn của chúng tôi về cách tiếp thị trò chơi của bạn và tiếp thị game indie không ngân sách giải thích cách trang Steam phù hợp với một kế hoạch rộng lớn hơn.

Để đánh giá nhanh, bản kiểm toán miễn phí của SteamBuddy chấm điểm ảnh capsule, nội dung, tag và vị thế cạnh tranh của bạn trên thang điểm 100, được so sánh với hơn 20.000 trò chơi trên Steam.

Nếu bạn cần lưu lượng truy cập để kiểm tra trang, các chiến dịch wishlist Steam GAMES.GG sẽ gửi người chơi đến trang cửa hàng của bạn. Một danh sách trò chơi miễn phí sẽ đưa trò chơi của bạn đến trước khán giả GAMES.GG mà không mất phí.

Quảng cáo