← บล็อก
อ่าน 2 นาที

ขนาดภาพ A+ Content บน Amazon ที่ใช้ได้จริงทุกโมดูล

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

  • amazon
  • a+ content
  • product photography
  • ecommerce
  • background removal
  • listing images
  • seller central
  • image sizes
ขนาดภาพ A+ Content บน Amazon ที่ใช้ได้จริงทุกโมดูล

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

นั่นเปลี่ยนวิธีที่คุณถ่ายและแต่งภาพ โมดูล A+ พ่วงสี บริบท และข้อความมาในตัวชิ้นงานเลย ที่ขนาดพิกเซลตายตัวซึ่ง Amazon จะไม่จัดวางใหม่ให้คุณ การเผยแพร่ A+ Content ไม่มีค่าใช้จ่าย แต่ Amazon เปิดให้เฉพาะผู้ขายแบบ Professional ที่ได้รับอนุมัติเป็นเจ้าของแบรนด์ผ่าน Brand Registry รวมถึงแบรนด์หน้าใหม่ในโปรแกรมที่มีทีมดูแลอย่าง Launchpad และ Amazon Exclusives เมื่อเข้ามาได้แล้ว อุปสรรคจริง ๆ คือการมีภาพที่ใช่ในรูปทรงที่ใช่

โมดูล A+ คืออะไรกันแน่

A+ Content คือชุดบล็อกเลย์เอาต์สำเร็จรูปที่ซ้อนกันอยู่ใน A+ Content Manager ของ Seller Central: แบนเนอร์กว้าง บล็อกแบ่งครึ่งระหว่างข้อความกับภาพ แถวสี่เหลี่ยมจัตุรัสเล็ก ๆ ตารางเปรียบเทียบ คุณมีหน้าที่เติมช่อง แต่ย้ายช่องไม่ได้

โจทย์จึงรู้ล่วงหน้าได้ตั้งแต่ก่อนกดชัตเตอร์ เลือกโมดูลก่อน จดทุกช่องภาพพร้อมขนาดพิกเซลของมันเอาไว้ แล้วค่อยผลิตตามรายการนั้น ถ้าทำกลับทาง คุณจะลงเอยด้วยการยัดภาพแนวตั้ง 4:5 ลงในแบนเนอร์ 970 x 300 โมดูลรับ JPEG, PNG, BMP หรือ GIF แบบภาพนิ่ง ขนาดไม่เกิน 2 MB ต่อภาพ แต่มีแค่ JPEG กับ PNG เท่านั้นที่คุ้มจะใช้จริง ส่วน WebP ไม่อยู่ในรายการ

โมดูลไหนต้องใช้ภาพรูปทรงแบบไหน

ช่องที่เจอบ่อย เรียงตามพื้นที่ที่คุณได้:

  • Standard image header with text — 970 x 600 px เต็มความกว้างของหน้า ที่ความสูงมากที่สุดเท่าที่จะได้
  • Standard image with light or dark text overlay — 970 x 300 px กว้างเท่ากันแต่สูงแค่หนึ่งในสาม เป็นแถบยาวแบบเลตเตอร์บ็อกซ์ สินค้าจึงต้องวางเยื้องออกจากกลางภาพ ไม่อย่างนั้นข้อความจะไม่มีที่อยู่
  • Standard single left image, single right image, single image with specs detail และ three images and text — 300 x 300 px ต่อช่อง ส่วน Standard single image and sidebar ต้องใช้สองไฟล์: 300 x 400 px สำหรับช่องหลัก และ 350 x 175 px สำหรับแถบด้านข้าง บังคับทั้งคู่
  • Standard four images and text — 200 x 200 px ต่อช่อง ตามชีตเทมเพลตของ Amazon เอง ไม่ใช่ 220 ที่ส่งต่อกันอยู่ตามที่อื่น ส่วนโมดูล four images / text quadrant ที่แยกออกมาลดลงเหลือ 135 x 135 px
  • Standard comparison chart — 150 x 300 px ต่อคอลัมน์ ได้สูงสุดหกสินค้า เป็นแนวตั้งไม่ใช่จัตุรัส และเป็นช่องที่คนทำพลาดกันมากที่สุด

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

ภาพไลฟ์สไตล์สลับภาพไดคัทในชุดเดียวกัน

รูปแบบที่ได้ผลคือการสลับกัน โมดูลกว้าง 970 px รับหน้าที่ภาพไลฟ์สไตล์: สินค้าบนโต๊ะทำงาน ใส่จริง ใช้จริง ในแสงจริง ส่วนช่องสี่เหลี่ยมเล็กและช่องแนวตั้งรับหน้าที่ภาพไดคัทสะอาด ๆ ช่องละหนึ่งมุม ในสเกลที่เท่ากันทุกใบ

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

เหตุผลคือเรื่องการอ่านออก: ภาพไลฟ์สไตล์ที่รกตาเมื่อย่อลงในช่องสี่เหลี่ยม 135 px ก็เหลือแค่รอยเปื้อน ขณะที่ภาพไดคัทบนสีพื้นเรียบอ่านออกได้ทันที และพอเรียงกันหกใบก็อ่านเป็นระบบเดียวกัน

นั่นแปลว่าคุณต้องแยกสินค้าออกจากพื้นหลังที่ถ่ายมา ลากภาพเข้า remover.bg แล้ววางภาพไดคัทลงบนสีพื้นเรียบที่โมดูลนั้นเรียกร้อง — จะเป็นพื้นหลังสีทึบ สีที่กำหนดเอง หรือรูปของคุณเองไว้ด้านหลังตัวแบบก็ได้ พร้อมเงาสมจริงเพื่อไม่ให้อะไรดูเหมือนถูกแปะทับ ถ้าสินค้าของคุณมีเส้นผม ขนสัตว์ หรือตาข่ายละเอียด ให้ซูมดูขอบที่ 100% ก่อน คู่มือทำ PNG พื้นหลังโปร่งใส ของเราอธิบายว่าเมื่อไหร่คุณถึงต้องใช้แชนเนลอัลฟา (alpha channel) ส่วนการวางเงานั้นแทบทั้งหมดคือเรื่องมุมและความฟุ้ง

ข้อความที่รอดสายตาบนมือถือ

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

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

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

แนวทางของ Amazon ห้ามอะไรไว้เยอะในตัวชิ้นงาน ไม่ใช่แค่ในช่องคำบรรยาย: ราคาและถ้อยคำโปรโมชัน ข้อมูลติดต่อและที่อยู่เว็บ ข้อความเรื่องการจัดส่ง การรับประกันและการคืนสินค้า คำพูดของลูกค้า และคำโอ้อวดที่ไม่มีหลักฐานรองรับอย่าง "#1" หรือ "ขายดีที่สุด" อ่าน A+ Content Guidelines ฉบับล่าสุดก่อนกดส่งทุกครั้ง

น้ำหนักไฟล์และการทำทีละชุด

2 MB ฟังดูเหลือเฟือ จนกระทั่งคุณส่งออก PNG ขนาด 970 x 600 ของฉากที่ถ่ายมาจริง ให้ส่งงานภาพถ่ายเป็น JPEG ที่คุณภาพ 80 ถึง 90 ส่วนภาพไดคัทขอบคม ตัวอักษรคม ๆ และโลโก้ให้เป็น PNG พอทำหลายสิบ ASIN เข้า มันก็กลายเป็นงานหนึ่งงานในตัวเอง: งานชุดใหญ่ให้วิ่งผ่าน API ลบพื้นหลัง ไม่ใช่โปรแกรมแก้ไขบนเว็บ

ก่อนกดเผยแพร่

ทุกช่องต้องได้ขนาดพิกเซลเป๊ะตามที่กำหนด เป็น JPEG หรือ PNG ที่ไม่เกิน 2 MB ตรวจพรีวิวมือถือแล้ว ไม่มีราคาหรือคำกล่าวอ้างที่ไม่มีหลักฐานอยู่ในภาพ จากนั้นเช็กอีกทีว่าภาพหลักของคุณยังผ่านกฎพื้นหลังสีขาว ซึ่งการอนุมัติ A+ ไม่ได้ยกเว้นให้ คู่มือข้อกำหนดภาพสินค้า Amazon อธิบายเรื่องนี้ไว้แล้ว

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

อ่านต่อ