คุณจำเป็นต้องจัดเตรียมรูปภาพประเภทต่างๆ เพื่อใช้ใน Chrome เว็บสโตร์ ดังนี้
คุณจำเป็นต้องใช้ไอคอนส่วนขยาย รูปภาพโปรโมตขนาดเล็ก และภาพหน้าจอเท่านั้น อย่างไรก็ตาม การใส่ทั้งรูปภาพที่จำเป็นและที่ไม่บังคับจะเพิ่มเวอร์ชันที่ดึงดูดสายตาของส่วนขยาย เช่น ส่วนขยายของคุณจะแสดงในเส้นมาร์คีไม่ได้ เว้นแต่คุณจะใส่รูปภาพโปรโมตแบบเส้นมาร์คี
คุณสามารถปรับปรุงประสิทธิภาพของรายการใน Chrome เว็บสโตร์ได้โดยทำตามแนวทางปฏิบัติแนะนำสำหรับรูปภาพและข้อมูลรายชื่ออื่นๆ ดูข้อมูลเพิ่มเติมเกี่ยวกับแนวทางปฏิบัติแนะนำเหล่านี้ได้ที่การสร้างหน้าข้อมูลที่น่าสนใจ
ไอคอนส่วนขยาย
คุณต้องระบุรูปภาพไอคอนส่วนขยายขนาด 128x128 พิกเซลในไฟล์ ZIP ของส่วนขยาย ข้อกำหนดบางประการ สำหรับรูปภาพมีด��ง��ี้
- ขนาดจ��������องไอคอนควรเป็น 96x96 (สำหรับไอคอนสี่เหลี่ยมจัตุรัส) และควรมีระยะห่างจากขอบแบบโปร่งใสขนาด 16 พิกเซลต่อด้าน โดยเพิ่มขนาดรูปภาพโดยรวมได้สูงสุด 128x128 ดูรายละเอียดที่ขนาดไอคอน
- ภาพต้องอยู่ในรูปแบบ PNG
- รูปภาพควรทำงานได้ดีทั้งบนพื้นหลังสีอ่อนและสีเข้ม
โปรดคำนึงถึงคำแนะนำต่อไปนี้เมื่อออกแบบไอคอน
- อย่าใส่ขอบไว้รอบรูปภาพขนาด 128x128 เพราะ UI อาจเพิ่มขอบ
- หากไอคอนมืดเป็นส่วนใหญ่ ให้พิจารณาเพิ่มแสงด้านนอกสีขาวอ่อนๆ เพื่อให้ดูดีเมื่อตัดกับพื้นหลังสีเข้ม
- หลีกเลี่ยงเงาต��กระทบขนาดใหญ่ UI อาจเพิ่มเงา การใช้แสงเงาขนาดเล็กเพื่อความคมชัดเป็นสิ่งที่ทำได้
- หากคุณมีการนูนที่ด้านล่างของไอคอน เราขอแนะนำให้ใช้ความลึก 4 พิกเซล
- ทำให้ไอคอนหันหน้าไปทางผู้ดู แทนที่จะมีมุมมองในตัว ดูรายละเอียดได้ใน Perspective
ต่อไปนี้คือไอคอนบางส่วนที่เป็นไปตามหลักเกณฑ์เหล่านี้
ขนาดไอคอน
ไอคอนส่วนขยายทั้งหมดควรมีน้ำหนักภาพเท่ากัน และอยู่ในพื้นที่เดียวกัน อย่างที่เห็นในภาพต่อไปนี้ เมื่อคุณปรับขนาดไอคอนให้เต็มพื้นที่ที่มีอยู่ ไอคอนสี่เหลี่ยมจัตุรัสและวงกลมจะมีขนาดใหญ่กว่าที่ควรจะเป็นอย่างมากเมื่อเทียบกับไอคอนที่มีรูปทรงอื่นๆ
การปรับขนาดของไอคอนให้เป็นมาตรฐานดังที่แสดงในภาพถัดไป ทำให้ไอคอนมีขนาดเท่าๆ กันและน้ำหนักของภาพ
คุณสามารถใช้รูปภาพเทมเพลตต่อไปนี้เพื่อช่วยในการตัดสินขนาดอาร์ตเวิร์กของรูปภาพที่ควรจะเป็น เทมเพลตแสดงขนาดที่ถูกต้องสำหรับสี่เหลี่ยมจัตุรัสและวงกลม แต่เป็นเพียงเส้นนำเท่านั้น ไอคอนที่มีบิตชี้จะทำให้หลุดออกไปนอกพื้นที่เหล่านี้ หากไอคอนที่มีรูปทรงไม่ปกติใช้พื้นที่น้อยมากและส่วนใหญ่เป็นพื้นที่ลบ ก็อาจยอมรับได้ตั้งแต่พื้นที่ขนาด 128x128 ทั้งหมด
คุณทำตามกฎทั่วไปสำหรับขนาดของอาร์ตเวิร์กได้ สำหรับไอคอนสี่เหลี่ยมจัตุรัส ทำให้เป็นอาร์ตเวิร์กขนาด 96x96 พิกเซล สำหรับไอคอนอื่นๆ ที่เป็นสี่เหลี่ยม ให้ความกว้างของอาร์ตเวิร์กเป็น 75-80% ของความกว้างรวมของภาพ ไอคอนวงกลมควรมีเส้นผ่านศูนย์กลางประมาณ 112 พิกเซล หรือ 85% ถึง 90% ของความกว้างของรูปภาพ ไอคอนที่มีรูปทรงไม่ปกติควรมีน้ำหนักใกล้เคียงกัน
ภาพต่อไปนี้แสดงไอคอนสี่เหลี่ยมจัตุรัสและวงกลม โดยเปรียบเทียบกับเทมเพลต
นี่คือตัวอย่างของไอคอนที่มีรูปทรงไม่สม่ำเสมอ ในกรณีนี้ ไอคอนไม่ตรงตามหลักเกณฑ์ที่เป็นรูปสี่เหลี่ยมจัตุรัสและวงกลม แต่วางใกล้กับทั้ง 2 แบบ
มุมมอง
ไอคอนส่วนขยายควรอยู่ด้านหน้าเพื่อความยืดหยุ่นและความสอดคล้อง การปรับเปลี่ยนมุมมองเล็กน้อย ให้ความรู้สึกเป็นรูปเป็นร่างถือว่ายอมรับได้ แต่ให้หลีกเลี่ยงมุมที่น่าทึ่ง
ไอคอนดี (หันหน้าออก) | ไอคอนไม่ดี (มุมมองมากเกินไป) |
---|---|
ภาพสำหรับส่งเสริมการขาย
คุณต้องมีรูปภาพโปรโมตขนาดเล็ก 440x280 พิกเซล 1 รูป คุณยังสามารถใส่ภาพอื่นๆ ที่สโตร์สามารถใช้เพื่อโปรโมตส่วนขยายของคุณได้ด้วย
หมายเหตุ: หากรูปภาพอ้างอิงถึงแบรนด์ของ Google ให้ทำตามหลักเกณฑ์การใช้แบรนด์
แม้ว่าจำเป็นต้องใช้ภาพสำหรับส่งเสริมการขายขนาดเล็กเท่านั้น คุณยังสามารถใส่ภาพสำหรับส่งเสริมการขายที่ใหญ่ขึ้นได้ หากต้องการให้ส่วนขยายของคุณโดดเด่นมากขึ้นใน Chrome เว็บสโตร์ คุณสามารถระบุอย่างใดอย่างหนึ่งดังต่อไปนี้
- ขนาดเล็ก: 440x280 พิกเซล (จำเป็น)
- ตัวอักษรวิ่ง: 1400x560 พิกเซล
ภาพสำหรับส่งเสริมการขายเป็นโอกาสที่คุณจะได้ดึงดูดความสนใจของผู้ใช้และดึงดูดให้ผู้ใช้ดูข้อมูลเพิ่มเติม อย่าใช้เพียงภาพหน้าจอ รูปภาพของคุณควรสื่อถึงแบรนด์เป็นหลัก กฎสำคัญในการออกแบบรูปภาพ มีดังนี้
- หลีกเลี่ยงข้อความ
- ตรวจสอบว่ารูปภาพใช้งานได้แม้จะลดขนาดลงครึ่งหนึ่ง
- สมมติว่ารูปภาพอยู่บนพื้นหลังสีเทาอ่อน
- หากเป็นไปได้ ให้ใช้สีแบบอิ่มตัว เนื่องจากมีแนวโน้มที่จะทำงานได้ดี
- หลีกเลี่ยงการใช้สีขาวและสีเทาอ่อนเป็นจำนวนมาก
- แสดงให้ครบทั้งภูมิภาค
- ตรวจดูว่าได้จำกัดขอบไว้อย่างดีแล้ว
กราฟิกต่อไปนี้คือตัวอย่างของรูปภาพโปรโมตสําหรับส่วนขยาย
คำอธิบายของสถานะการตรวจสอบมีดังนี้
- สถานะรอดำเนินการตรวจสอบ: รูปภาพยังไม่ได้รับการตรวจสอบและไม่แสดงในร้านค้า รูปภาพควรได้รับการตรวจสอบภายใน 1 สัปดาห์นับจากวันที่ส่ง
- ไม่มีสถานะ: รูปภาพได้รับอนุมัติและกำลังแสดงอยู่ในร้านค้า [*รูปภาพจาก รายการ "ฉบับร่าง" หรือ "ผู้ทดสอบที่เชื่อถือได้" จะไม่แสดงสถานะของรูปภาพ คุณจะต้องเผยแพร่สินค้าเพื่อให้รูปภาพโปรโมตได้รับการอนุมัติ]
- ถูกปฏิเสธ: รูปภาพได้รับการตรวจสอบและปฏิเสธ และไม่แสดงในร้านค้า สาเหตุของการปฏิเสธจะแสดงในส่วนรูปภาพสำหรับการโปรโมตของหน้าแก้ไขสินค้า เราขอแนะนำให้คุณตรวจสอบสาเหตุและทำการเปลี่ยนแปลงที่จำเป็นก่อนที่จะอัปโหลดรูปภาพที่ปรับปรุงแล้วใหม่อีกครั้ง รูปภาพที่อัปโหลดใหม่จะมีสถานะ "รอการตรวจสอบ" ทันที
หากต้องการเปลี่ยนรูปภาพโปรโมต ให้วางเมาส์เหนือรูปภาพเพื่อนำการควบคุมรูปภาพออก
ภาพหน้าจอ
ใช้ภาพหน้าจอเพื่อสื่อถึงความสามารถ รูปลักษณ์ และประสบการณ์การใช้ส่วนขยายให้แก่ผู้ใช้ คุณต้องจัดเตรียมไว้อย่างน้อย 1 ภาพ และควรเป็นจำนวนสูงสุดที่อนุญาต 5 ภาพ ภาพหน้าจอของส่วนขยายที่จะแสดงในข้อมูลผลิตภัณฑ์ใน Store ของส่วนขยาย ภาพหน้าจอควรแสดงให้เห็นประสบการณ์จริงของผู้ใช้ โดยเน้นที่ฟีเจอร์และเนื้อหาหลักเพื่อให้ผู้ใช้คาดเดาได้ว่าประสบการณ์การใช้งานส่วนขยายจะเ��็นอย่างไร
หากส่วนขยายรองรับหลายภาษา คุณส่งภาพหน้าจอที่เจาะจงภาษาตามที่อธิบายไว้ในแปลข้อมูลผลิตภัณฑ์ใน Store เป็นภาษาท้องถิ่นได้
เมื่อคุณแก้ไขรายชื่อส่วนขยาย การวางเมาส์เหนือภาพขนาดย่อของภาพหน้าจอจะแสดงการควบคุมซึ่งคุณสามารถลบภาพหน้าจอหรือเปลี่ยนตำแหน่งได้
ภาพหน้าจอแต่ละภาพควรมีลักษณะดังนี้
- มุมแบบเหลี่ยม, ไม่มีขอบ (เต็มขนาด)
- 1280x800 หรือ 640x400 พิกเซล
ลองดูภาพหน้าจอ 2 ภาพสำหรับส่วนขยายตามตัวอย่างต่อไปนี้
แล้วยังไงต่อดี
จากนั้น อ่านส่งส่วนขยายเพื่อเผยแพร่