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

ขนาดโฆษณาดิสเพลย์: ภาพไดคัทเดียว ทำได้ครบ 6 แบนเนอร์

หกขนาดแบนเนอร์ที่ควรทำจริง ๆ (300x250, 336x280, 728x90, 320x50, 160x600, 300x600) และวิธีประกอบภาพไดคัทสินค้าชิ้นเดียวใหม่ให้ครบทุกขนาดภายในบ่ายเดียว

  • display ads
  • banner ad sizes
  • ad creative
  • product cutout
  • digital marketing
ขนาดโฆษณาดิสเพลย์: ภาพไดคัทเดียว ทำได้ครบ 6 แบนเนอร์

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

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

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

หกขนาดโฆษณาดิสเพลย์ที่แบกงานหลักไว้ทั้งหมด

ในทางเทคนิคเครือข่ายโฆษณารองรับขนาดเป็นสิบ ๆ แบบ แต่มีขนาดมาตรฐานอยู่ไม่กี่ขนาดที่กวาดตำแหน่งโฆษณาไปเกือบหมด ทำหกขนาดนี้ให้ครบแล้วคุณมีสิทธิ์ลงได้แทบทุกที่:

  • 300x250 medium rectangle — ตัวหลักที่แบกงานหนักที่สุด ลงได้ทั้งช่องในเนื้อหาและช่องแถบข้าง ทั้งบนเดสก์ท็อปและมือถือ ถ้าจะทำแบนเนอร์แค่ชิ้นเดียว ให้ทำชิ้นนี้
  • 336x280 large rectangle — พี่ใหญ่ของ medium rectangle และเป็นขนาดที่ Google Ads ชอบ จนอยู่ยงมาได้แม้จะหลุดจากรายการมาตรฐานของ IAB ไปแล้ว เลย์เอาต์เดิมมักย้ายมาลงได้สบาย ๆ แถมเหลือที่ว่างอีกนิด
  • 728x90 leaderboard — แถบยาวด้านบนของหน้าเว็บบนเดสก์ท็อป เตี้ยจนโหด ให้คิดเสียว่ามันคือนามบัตรแนวนอน
  • 320x50 mobile banner — แถบเล็กบนมือถือ และเป็นบททดสอบความอ่านออกที่โหดที่สุดในวงการโฆษณา
  • 160x600 wide skyscraper — หน่วยโฆษณาแนวตั้งในแถบข้าง ที่ยังอยู่ในสายตาต่อไปแม้คนจะเลื่อนหน้าจอลงไปเรื่อย ๆ
  • 300x600 half page — ผืนผ้าใบแนวตั้งขนาดใหญ่ และเป็นช่องเดียวที่ภาพเด่น พาดหัว และปุ่ม อยู่ร่วมกันได้โดยไม่ต้องเบียดกัน

ทำไมภาพไดคัทชิ้นเดียวถึงชนะการถ่ายภาพหกรอบ

ลองดูรูปทรงพวกนั้นอีกครั้ง เกือบจัตุรัส ริบบิ้นยาว หอคอยแคบ ไม่มีรูปถ่ายรูปไหนจัดองค์ประกอบได้ดีครบทั้งสามแบบ ครอปภาพไลฟ์สไตล์ให้เป็นสัดส่วน leaderboard แล้วฉากจะหายไปครึ่งหนึ่ง ยัดมันลงใน skyscraper แล้วสินค้าก็หดเหลือแค่จุดเล็ก ๆ

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

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

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

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

พื้นที่ปลอดภัยและความอ่านออกในขนาดเล็ก

แบนเนอร์ 320x50 มีขนาดประมาณนิ้วโป้งของคุณ ให้ออกแบบโดยยอมรับความจริงข้อนี้:

  • หนึ่งแบนเนอร์ หนึ่งข้อความ — สินค้า พาดหัวไม่เกินห้าคำ และคำกระตุ้นการตัดสินใจ มากกว่านั้นกลายเป็นเสียงรบกวน
  • เผื่อที่หายใจไว้ที่ขอบ — อย่าให้ตัวอักษรและโลโก้ชิดเส้นขอบ ระยะขอบประมาณความสูงของตัวอักษรพิมพ์ใหญ่คือสัญชาตญาณที่ใช้ได้ดี
  • ทดสอบที่ขนาดจริง — ซูมไปที่ 100% แล้วถอยออกมามอง ถ้าคุณยังต้องหรี่ตาดู คนดูก็ไม่เสียเวลาดู
  • ทำให้ CTA มีรูปทรงเป็นปุ่ม — สี่เหลี่ยมทึบเล็ก ๆ ที่ตัดกับพื้นหลังดึงสายตาได้แม้ที่ 320x50
  • ใส่เส้นขอบให้พื้นหลังสีขาว — ถ้าพื้นหลังของคุณเป็นสีขาวหรือสีอ่อนมาก ให้เติมเส้นขอบบาง ๆ เพื่อไม่ให้โฆษณาละลายหายไปกับหน้าเว็บ บางเครือข่ายบังคับเรื่องนี้ด้วยซ้ำ

น้ำหนักไฟล์: แบนเนอร์เล็ก ไฟล์ต้องเล็กกว่า

แพลตฟอร์มโฆษณาเข้มงวดเรื่องขนาดไฟล์มาก อย่าง Google Ads จำกัดโฆษณารูปภาพที่อัปโหลดไว้ที่ 150 KB นี่คืออีกเหตุผลเงียบ ๆ ที่เข้าข้างสูตรภาพไดคัทบวกสีทึบ พื้นหลังสีเรียบบีบอัดออกมาได้สวยงาม ส่วนพื้นหลังที่เป็นรูปถ่ายจะเผางบไบต์ของคุณไปกับรายละเอียดที่ไม่มีใครมอง

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

หน้าตาเดียวกันในทุกขนาด

โฆษณาดิสเพลย์ให้รางวัลกับการทำซ้ำ มีคนเห็น leaderboard ของคุณบนเว็บข่าว แล้วไปเจอ medium rectangle ของคุณบนบล็อก แคมเปญจะทบต้นก็ต่อเมื่อทั้งสองจังหวะนั้นดูออกทันทีว่ามาจากแบรนด์เดียวกัน

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

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

สรุป

ทำหกขนาดหลักให้ครบ: 300x250, 336x280, 728x90, 320x50, 160x600 และ 300x600 เริ่มจากภาพไดคัทสินค้าที่สะอาดหนึ่งชิ้นบนพื้นหลังสีทึบที่เป็นสีประจำแบรนด์ คุมให้หนึ่งแบนเนอร์มีหนึ่งข้อความ เคารพพื้นที่ปลอดภัย และส่งออกไฟล์ที่เบาและตรงขนาดเป๊ะ หกแบนเนอร์ หนึ่งบ่าย หนึ่งแบรนด์ที่ใครเห็นก็รู้ — เกมนี้มีแค่นี้

อ่านต่อ