การจัดหารูปภาพ

คุณจำเป็นต้องจัดเตรียมรูปภาพประเภทต่างๆ เพื่อใช้ใน Chrome เว็บสโตร์ ดังนี้

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

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

ไอคอนส่วนขยาย

คุณต้องระบุรูปภาพไอคอนส่วนขยายขนาด 128x128 พิกเซลในไฟล์ ZIP ของส่วนขยาย ข้อกำหนดบางประการ สำหรับรูปภาพมีดังนี้

  • ขนาดจริงของไอคอนควรเป็น 96x96 (สำหรับไอคอนสี่เหลี่ยมจัตุรัส) และควรมีระยะห่างจากขอบแบบโปร่งใสขนาด 16 พิกเซลต่อด้าน โดยเพิ่มขนาดรูปภาพโดยรวมได้สูงสุด 128x128 ดูรายละเอียดที่ขนาดไอคอน
  • ภาพต้องอยู่ในรูปแบบ PNG
  • รูปภาพควรทำงานได้ดีทั้งบนพื้นหลังสีอ่อนและสีเข้ม

โปรดคำนึงถึงคำแนะนำต่อไปนี้เมื่อออกแบบไอคอน

  • อย่าใส่ขอบไว้รอบรูปภาพขนาด 128x128 เพราะ UI อาจเพิ่มขอบ
  • หากไอคอนมืดเป็นส่วนใหญ่ ให้พิจารณาเพิ่มแสงด้านนอกสีขาวอ่อนๆ เพื่อให้ดูดีเมื่อตัดกับพื้นหลังสีเข้ม
  • หลีกเลี่ยงเงาตกกระทบขนาดใหญ่ UI อาจเพิ่มเงา การใช้แสงเงาขนาดเล็กเพื่อความคมชัดเป็นสิ่งที่ทำได้
  • หากคุณมีการนูนที่ด้านล่างของไอคอน เราขอแนะนำให้ใช้ความลึก 4 พิกเซล
  • ทำให้ไอคอนหันหน้าไปทางผู้ดู แทนที่จะมีมุมมองในตัว ดูรายละเอียดได้ใน Perspective

ต่อไปนี้คือไอคอนบางส่วนที่เป็นไปตามหลักเกณฑ์เหล่านี้

ไอคอน Google ปฏิทิน (สี่เหลี่ยมจัตุรัส) ไอคอน Google Reader (ผิดปกติ) ไอคอนคล้ายลูกโบว์ลิ่ง (ทรงกลม)

ขนาดไอคอน

ไอคอนส่วนขยายทั้งหมดควรมีน้ำหนักภาพเท่ากัน และอยู่ในพื้นที่เดียวกัน อย่างที่เห็นในภาพต่อไปนี้ เมื่อคุณปรับขนาดไอคอนให้เต็มพื้นที่ที่มีอยู่ ไอคอนสี่เหลี่ยมจัตุรัสและวงกลมจะมีขนาดใหญ่กว่าที่ควรจะเป็นอย่างมากเมื่อเทียบกับไอคอนที่มีรูปทรงอื่นๆ

ไอคอนที่มีพื้นที่ว่างทั้งหมด

การปรับขนาดของไอคอนให้เป็นมาตรฐานดังที่แสดงในภาพถัดไป ทำให้ไอคอนมีขนาดเท่าๆ กันและน้ำหนักของภาพ

ไอคอนส่วนใหญ่มีขนาดเล็กกว่า และมีขนาดเท่ากัน

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

เทมเพลตไอคอนสี่เหลี่ยมจัตุรัส เทมเพลตไอคอนวงกลม เทมเพลตไอคอนที่ไม่ปกติ

คุณทำตามกฎทั่วไปสำหรับขนาดของอาร์ตเวิร์กได้ สำหรับไอคอนสี่เหลี่ยมจัตุรัส ทำให้เป็นอาร์ตเวิร์กขนาด 96x96 พิกเซล สำหรับไอคอนอื่นๆ ที่เป็นสี่เหลี่ยม ให้ความกว้างของอาร์ตเวิร์กเป็น 75-80% ของความกว้างรวมของภาพ ไอคอนวงกลมควรมีเส้นผ่านศูนย์กลางประมาณ 112 พิกเซล หรือ 85% ถึง 90% ของความกว้างของรูปภาพ ไอคอนที่มีรูปทรงไม่ปกติควรมีน้ำหนักใกล้เคียงกัน

ภาพต่อไปนี้แสดงไอคอนสี่เหลี่ยมจัตุรัสและวงกลม โดยเปรียบเทียบกับเทมเพลต

เทมเพลตไอคอนสี่เหลี่ยมจัตุรัส ไอคอน Google ปฏิทินที่ด้านบนของเทมเพลตสี่เหลี่ยมจัตุรัส ไอคอน Google ปฏิทิน (สี่เหลี่ยมจัตุรัส)
เทมเพลตไอคอนวงกลม ไอคอนคล้ายลูกโบว์ลิ่งที่ด้านบนของเทมเพลตวงกลม ไอคอนคล้ายลูกโบว์ลิ่ง (ทรงกลม)

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

เทมเพลตไอคอนที่ไม่ปกติ ไอคอน Google Reader ที่ด้านบนของเทมเพลตที่ผิดปกติ ไอคอน Google Reader (ผิดปกติ)

มุมมอง

ไอคอนส่วนขยายควรอยู่ด้านหน้าเพื่อความยืดหยุ่นและความสอดคล้อง การปรับเปลี่ยนมุมมองเล็กน้อย ให้ความรู้สึกเป็นรูปเป็นร่างถือว่ายอมรับได้ แต่ให้หลีกเลี่ยงมุมที่น่าทึ่ง

ไอคอนดี (หันหน้าออก) ไอคอนไม่ดี (มุมมองมากเกินไป)
ไอคอน Google ปฏิทิน (สี่เหลี่ยมจัตุรัส) ไอคอนปฏิทินทั่วไปที่มีมุมมองมากเกินไป
ไอคอน YouTube ไอคอน YouTube ที่มีมุมมองมากเกินไป

ภาพสำหรับส่งเสริมการขาย

คุณต้องมีรูปภาพโปรโมตขนาดเล็ก 440x280 พิกเซล 1 รูป คุณยังสามารถใส่ภาพอื่นๆ ที่สโตร์สามารถใช้เพื่อโปรโมตส่วนขยายของคุณได้ด้วย

หมายเหตุ: หากรูปภาพอ้างอิงถึงแบรนด์ของ Google ให้ทำตามหลักเกณฑ์การใช้แบรนด์

แม้ว่าจำเป็นต้องใช้ภาพสำหรับส่งเสริมการขายขนาดเล็กเท่านั้น คุณยังสามารถใส่ภาพสำหรับส่งเสริมการขายที่ใหญ่ขึ้นได้ หากต้องการให้ส่วนขยายของคุณโดดเด่นมากขึ้นใน Chrome เว็บสโตร์ คุณสามารถระบุอย่างใดอย่างหนึ่งดังต่อไปนี้

  • ขนาดเล็ก: 440x280 พิกเซล (จำเป็น)
  • ตัวอักษรวิ่ง: 1400x560 พิกเซล

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

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

กราฟิกต่อไปนี้คือตัวอย่างของรูปภาพโปรโมตสําหรับส่วนขยาย

รูปภาพโปรโมตขนาดเล็ก
รูปภาพโปรโมตขนาดเล็ก (440x280)
กระโจม
รูปภาพเส้นมาร์คี (1400x560)

คำอธิบายของสถานะการตรวจสอบมีดังนี้

  • สถานะรอดำเนินการตรวจสอบ: รูปภาพยังไม่ได้รับการตรวจสอบและไม่แสดงในร้านค้า รูปภาพควรได้รับการตรวจสอบภายใน 1 สัปดาห์นับจากวันที่ส่ง
  • ไม่มีสถานะ: รูปภาพได้รับอนุมัติและกำลังแสดงอยู่ในร้านค้า [*รูปภาพจาก รายการ "ฉบับร่าง" หรือ "ผู้ทดสอบที่เชื่อถือได้" จะไม่แสดงสถานะของรูปภาพ คุณจะต้องเผยแพร่สินค้าเพื่อให้รูปภาพโปรโมตได้รับการอนุมัติ]
  • ถูกปฏิเสธ: รูปภาพได้รับการตรวจสอบและปฏิเสธ และไม่แสดงในร้านค้า สาเหตุของการปฏิเสธจะแสดงในส่วนรูปภาพสำหรับการโปรโมตของหน้าแก้ไขสินค้า เราขอแนะนำให้คุณตรวจสอบสาเหตุและทำการเปลี่ยนแปลงที่จำเป็นก่อนที่จะอัปโหลดรูปภาพที่ปรับปรุงแล้วใหม่อีกครั้ง รูปภาพที่อัปโหลดใหม่จะมีสถานะ "รอการตรวจสอบ" ทันที

หากต้องการเปลี่ยนรูปภาพโปรโมต ให้วางเมาส์เหนือรูปภาพเพื่อนำการควบคุมรูปภาพออก

ภาพหน้าจอ

ใช้ภาพหน้าจอเพื่อสื่อถึงความสามารถ รูปลักษณ์ และประสบการณ์การใช้ส่วนขยายให้แก่ผู้ใช้ คุณต้องจัดเตรียมไว้อย่างน้อย 1 ภาพ และควรเป็นจำนวนสูงสุดที่อนุญาต 5 ภาพ ภาพหน้าจอของส่วนขยายที่จะแสดงในข้อมูลผลิตภัณฑ์ใน Store ของส่วนขยาย ภาพหน้าจอควรแสดงให้เห็นประสบการณ์จริงของผู้ใช้ โดยเน้นที่ฟีเจอร์และเนื้อหาหลักเพื่อให้ผู้ใช้คาดเดาได้ว่าประสบการณ์การใช้งานส่วนขยายจะเป็นอย่างไร

หากส่วนขยายรองรับหลายภาษา คุณส่งภาพหน้าจอที่เจาะจงภาษาตามที่อธิบายไว้ในแปลข้อมูลผลิตภัณฑ์ใน Store เป็นภาษาท้องถิ่นได้

เมื่อคุณแก้ไขรายชื่อส่วนขยาย การวางเมาส์เหนือภาพขนาดย่อของภาพหน้าจอจะแสดงการควบคุมซึ่งคุณสามารถลบภาพหน้าจอหรือเปลี่ยนตำแหน่งได้

ภาพหน้าจอแต่ละภาพควรมีลักษณะดังนี้

  • มุมแบบเหลี่ยม, ไม่มีขอบ (เต็มขนาด)
  • 1280x800 หรือ 640x400 พิกเซล

ลองดูภาพหน้าจอ 2 ภาพสำหรับส่วนขยายตามตัวอย่างต่อไปนี้

ภาพหน้าจอ 1

ภาพหน้าจอ 2

แล้วยังไงต่อดี

จากนั้น อ่านส่งส่วนขยายเพื่อเผยแพร่