ขนาด Rich Menu LINE ที่ถูกต้องใน Canva พร้อมวิธีตั้งค่าไม่ให้ปุ่มเหลื่อม

ขนาด Rich Menu LINE ที่นิยมใช้ใน Canva มี 2 รูปแบบหลัก ได้แก่ 2500 × 1686 พิกเซล สำหรับ Rich Menu ขนาดใหญ่ และ 2500 × 843 พิกเซล สำหรับ Rich Menu ขนาดกะทัดรัด

สิ่งสำคัญไม่ได้มีเพียงขนาดของภาพ แต่เส้นแบ่งช่องใน Canva ต้องตรงกับพื้นที่กดที่เลือกใน LINE Official Account Manager ด้วย หากตำแหน่งไม่ตรง ผู้ใช้อาจแตะปุ่มหนึ่งแต่ระบบเปิดอีกเมนู

📐 ตารางขนาด Rich Menu LINE OA

รูปแบบ	ความกว้าง	ความสูง	เหมาะกับ
Rich Menu ขนาดใหญ่	2500 พิกเซล	1686 พิกเซล	เมนูหลายช่องและข้อมูลหลายประเภท
Rich Menu ขนาดกะทัดรัด	2500 พิกเซล	843 พิกเซล	เมนูน้อยและต้องการประหยัดพื้นที่
ขนาดใหญ่ครึ่งบน	2500 พิกเซล	843 พิกเซล	ใช้อธิบายโครงสร้างสองแถว
ขนาดใหญ่ครึ่งล่าง	2500 พิกเซล	843 พิกเซล	ใช้อธิบายโครงสร้างสองแถว

Rich Menu ขนาดใหญ่มีความสูงเป็นสองเท่าของแบบกะทัดรัด จึงสามารถแบ่งเป็นสองแถว แถวละ 843 พิกเซลได้พอดี

เอกสาร LINE Developers ยกตัวอย่าง Rich Menu ขนาด 2500 × 1686 พิกเซล และกำหนดพื้นที่กดให้สอดคล้องกับภาพ โดยแนะนำให้ดาวน์โหลด Design Guide จากหน้า LINE Official Account Manager เพื่อใช้เป็นต้นแบบก่อนออกแบบ

🟩 Rich Menu ขนาดใหญ่ 2500 × 1686 พิกเซล

เหมาะกับบัญชีที่ต้องการแสดงเมนูหลายรายการ เช่น

• ดูสินค้า
• โปรโมชั่น
• วิธีสั่งซื้อ
• การจัดส่ง
• รีวิว
• ติดต่อร้าน
• จองคิว
• ดูผลงาน

ข้อดี

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

ข้อควรระวัง

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

🟨 Rich Menu ขนาดกะทัดรัด 2500 × 843 พิกเซล

เหมาะกับบัญชีที่มีเมนูหลักไม่มาก เช่น

• สินค้า
• โปรโมชั่น
• ติดต่อ

ข้อดี

• ใช้พื้นที่หน้าจอน้อยกว่า
• เหมาะกับเมนูหลัก 2–3 รายการ
• มองเห็นข้อความสนทนาได้มากขึ้น
• ออกแบบเรียบง่าย
• ลูกค้าเลือกเมนูได้รวดเร็ว

ข้อควรระวัง

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

🎯 ควรเลือก Rich Menu ขนาดไหนดี

เลือกขนาด 2500 × 1686 เมื่อ

• มีเมนูตั้งแต่ 4 รายการขึ้นไป
• ต้องการแบ่งสองแถว
• ต้องการแสดงภาพสินค้า
• มีโปรโมชั่นสำคัญ
• ต้องการทำปุ่มใหญ่ร่วมกับปุ่มเล็ก
• มีหลายบริการ
• ต้องการให้ Rich Menu เป็นศูนย์กลางข้อมูล

เลือกขนาด 2500 × 843 เมื่อ

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

ไม่ควรเลือกแบบใหญ่เพียงเพราะมีพื้นที่มากกว่า หากธุรกิจมีเพียงสามเมนู แบบกะทัดรัดอาจใช้งานง่ายกว่า

🧩 ขนาดช่อง Rich Menu แต่ละแบบ

LINE OA มีเทมเพลตพื้นที่กดหลายรูปแบบ เช่น

• แบ่ง 2 ช่อง
• แบ่ง 3 ช่อง
• แบ่ง 4 ช่อง
• แบ่ง 6 ช่อง
• ช่องใหญ่ร่วมกับช่องเล็ก
• ช่องแนวนอน
• ช่องแนวตั้ง

ขนาดของแต่ละช่องขึ้นอยู่กับเทมเพลตที่เลือก ไม่ควรคำนวณด้วยการหารเท่าแล้วออกแบบเองทันที เพราะบางเทมเพลตไม่ได้แบ่งช่องเท่ากัน

วิธีที่ปลอดภัยที่สุดคือ

1. เปิดหน้าสร้าง Rich Menu ใน LINE OA Manager
2. เลือกเทมเพลตที่ต้องการ
3. เปิดหรือดาวน์โหลด Design Guide
4. นำต้นแบบไปใช้เป็นแนวแบ่งช่องใน Canva
5. ออกแบบข้อความและไอคอนตามกรอบ
6. ตรวจว่าไม่มีองค์ประกอบสำคัญทับเส้นแบ่ง

📏 ขนาด Rich Menu แบบ 6 ช่อง

โครงสร้างที่นิยมคือแบ่งขนาด 2500 × 1686 พิกเซลออกเป็นสองแถว และสามคอลัมน์

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

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

📏 ขนาด Rich Menu แบบ 3 ช่อง

หากใช้ Rich Menu ขนาดกะทัดรัด 2500 × 843 พิกเซล สามารถเลือกเทมเพลตแบบสามช่องได้ แต่ต้องอ้างอิงตำแหน่งจากระบบ LINE OA

ตัวอย่างเมนู ได้แก่

• สินค้า
• โปรโมชั่น
• ติดต่อ

ข้อความควรสั้น ไอคอนมีขนาดใหญ่ และองค์ประกอบอยู่กึ่งกลางแต่ละช่อง

🛠️ วิธีตั้งขนาด Rich Menu ใน Canva

❶ เปิด Canva

เข้าสู่ระบบผ่านเว็บไซต์หรือแอป

❷ เลือกสร้างดีไซน์แบบกำหนดเอง

เลือกหน่วยเป็นพิกเซล

❸ กรอกขนาด

สำหรับแบบใหญ่ ให้กรอก

• ความกว้าง: 2500
• ความสูง: 1686

สำหรับแบบกะทัดรัด ให้กรอก

• ความกว้าง: 2500
• ความสูง: 843

ตรวจอย่าสลับความกว้างกับความสูง เพราะ Rich Menu เป็นภาพแนวนอน

❹ สร้างดีไซน์

กดสร้างงานใหม่แล้วตรวจขนาดอีกครั้งก่อนเริ่มออกแบบ

❺ เพิ่ม Design Guide

อัปโหลดภาพต้นแบบที่ดาวน์โหลดจาก LINE OA แล้ววางให้เต็มพื้นที่ Canva

ลดความโปร่งใสหรือใช้เป็นชั้นอ้างอิง เพื่อให้มองเห็นเส้นแบ่งช่องขณะออกแบบ

❻ ล็อกภาพต้นแบบ

หาก Canva มีตัวเลือกล็อกองค์ประกอบ ให้ล็อก Design Guide ไว้เพื่อป้องกันการเลื่อนโดยไม่ตั้งใจ

❼ ออกแบบเหนือเส้นแบ่ง

วางพื้นหลัง ไอคอน ข้อความ และภาพสินค้าให้ตรงกับแต่ละช่อง

❽ ลบหรือซ่อน Design Guide

ก่อนดาวน์โหลดต้องลบหรือซ่อนเส้นต้นแบบ หากเส้นเหล่านั้นไม่ใช่ส่วนหนึ่งของดีไซน์จริง

🛡️ Safe Zone ของแต่ละปุ่ม

องค์ประกอบสำคัญไม่ควรวางชิดเส้นแบ่งช่อง เพราะผู้ใช้แตะบริเวณขอบได้ยากและข้อความอาจดูอึดอัด

สิ่งที่ควรอยู่กึ่งกลางช่อง

• ไอคอน
• ชื่อเมนู
• ราคา
• โปรโมชั่น
• รูปสินค้า
• คำกระตุ้น

สิ่งที่ควรเว้นจากขอบ

• ตัวอักษร
• โลโก้
• ใบหน้า
• หมายเลขโทรศัพท์
• ข้อความสำคัญ

ควรเผื่อระยะรอบองค์ประกอบทุกด้าน และทดสอบบนโทรศัพท์จริงก่อนเปิดใช้งาน

🔤 ขนาดตัวอักษร Rich Menu ควรเท่าไร

ไม่มีขนาดฟอนต์ตายตัว เพราะจำนวนช่องและรูปแบบตัวอักษรแตกต่างกัน ควรตัดสินจากการอ่านบนหน้าจอโทรศัพท์จริง

แนวทางที่แนะนำ ได้แก่

• ใช้คำสั้น 1–3 คำ
• ใช้ฟอนต์ตัวหนา
• สีตัดกับพื้นหลัง
• ไม่ใช้ฟอนต์ตกแต่งที่อ่านยาก
• ตรวจวรรณยุกต์ภาษาไทย
• ไม่วางข้อความหลายบรรทัด
• ใช้ขนาดใกล้เคียงกันทุกช่อง
• ให้ปุ่มสำคัญมีข้อความเด่นกว่าได้

ข้อความ “ดูสินค้าทั้งหมดของร้านเรา” สามารถลดเหลือ “ดูสินค้า” เพื่อให้อ่านง่ายกว่า

🖼️ Rich Menu ควรใช้ PNG หรือ JPG

PNG

เหมาะกับงานที่มี

• ตัวอักษร
• ไอคอน
• เส้น
• โลโก้
• สีพื้นเรียบ
• กราฟิก

PNG มักรักษาความคมชัดของขอบตัวอักษรได้ดี แต่ไฟล์อาจมีขนาดใหญ่

JPG

เหมาะกับงานที่เน้น

• ภาพถ่าย
• ภาพสินค้า
• ภาพบรรยากาศ
• พื้นหลังที่มีรายละเอียดมาก

JPG ช่วยลดขนาดไฟล์ได้ แต่หากบีบอัดมากเกินไป ตัวอักษรและไอคอนอาจเบลอ

คำแนะนำ

เริ่มจาก PNG หากไฟล์ใหญ่เกินข้อกำหนดของระบบ ให้ลดขนาดไฟล์อย่างระมัดระวังหรือพิจารณา JPG คุณภาพสูง

ควรตรวจข้อกำหนดชนิดและขนาดไฟล์ในหน้า LINE OA Manager ขณะอัปโหลด เพราะวิธีใช้งานผ่าน Manager และ Messaging API อาจมีรายละเอียดต่างกัน

💾 วิธีลดขนาดไฟล์ Rich Menu ใน Canva

หากไฟล์ใหญ่เกินไป สามารถลองวิธีต่อไปนี้

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

หลังลดขนาดต้องซูมตรวจข้อความและไอคอนว่าไม่เบลอ

🎨 ตัวอย่างขนาดสำหรับร้านค้าออนไลน์

ใช้แบบใหญ่ 2500 × 1686 พิกเซล แบ่งตามเทมเพลต 6 ช่อง เช่น

1. สินค้าทั้งหมด
2. สินค้าขายดี
3. โปรโมชั่น
4. วิธีสั่งซื้อ
5. การจัดส่ง
6. ติดต่อร้าน

หากมีเพียงสามเมนูหลัก สามารถใช้แบบกะทัดรัด 2500 × 843 พิกเซลแทน

💼 ตัวอย่างขนาดสำหรับธุรกิจบริการ

ใช้แบบใหญ่เมื่อมีเมนู เช่น

• บริการ
• ราคา
• ผลงาน
• ขั้นตอน
• คำถาม
• ติดต่อ

หากมีบริการหลักเพียงหนึ่งหรือสองรายการ อาจใช้แบบกะทัดรัดและทำให้ปุ่มแต่ละช่องมีขนาดใหญ่ขึ้น

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

🍽️ ตัวอย่างขนาดสำหรับร้านอาหาร

แบบกะทัดรัด

เหมาะกับ

• ดูเมนู
• สั่งอาหาร
• แผนที่ร้าน

แบบใหญ่

เหมาะกับ

• เมนู
• โปรโมชั่น
• สั่งอาหาร
• จองโต๊ะ
• แผนที่
• ติดต่อ

ควรตรวจราคา เวลาเปิดร้าน และลิงก์สั่งอาหารให้เป็นปัจจุบัน

🔗 ภาพขนาดถูกต้องแต่ปุ่มยังกดผิด เกิดจากอะไร

ปัญหานี้มักไม่ได้เกิดจากความละเอียดของภาพ แต่เกิดจากพื้นที่กดใน LINE OA ไม่ตรงกับภาพ

สาเหตุที่พบได้ ได้แก่

• เลือกเทมเพลตผิด
• เส้นแบ่งใน Canva ไม่ตรง
• อัปโหลดภาพอีกแบบแต่ใช้ Action เดิม
• สลับตำแหน่งเมนู
• ลืมแก้ลิงก์
• ใช้ไฟล์เก่า
• ภาพถูกครอบหรือปรับสัดส่วน
• ตั้งค่าพื้นที่ผ่าน API ผิดพิกัด

ต้องตรวจทั้งไฟล์ภาพ เทมเพลต และ Action พร้อมกัน

🔍 ทำไม LINE OA ไม่รับไฟล์ Rich Menu

สาเหตุที่เป็นไปได้ ได้แก่

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

ควรกลับไปตรวจข้อมูลไฟล์ในคอมพิวเตอร์และข้อกำหนดที่แสดงใน LINE OA Manager

⚠️ ข้อผิดพลาดที่พบบ่อย

ใช้ขนาด 2500 × 1686 กับเทมเพลตแบบกะทัดรัด

ความสูงไม่ตรงและระบบอาจไม่รับไฟล์หรือภาพแสดงผิดรูปแบบ

ใช้ขนาด 2500 × 843 กับแบบใหญ่

พื้นที่ภาพไม่พอกับเทมเพลตสองแถว

หารช่องเองโดยไม่ใช้ Design Guide

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

วางข้อความชิดเส้นแบ่ง

ข้อความดูอึดอัดและผู้ใช้อาจเข้าใจว่าปุ่มอยู่คนละช่อง

ใช้ตัวอักษรเล็ก

งานดูชัดบนคอมพิวเตอร์ แต่อ่านไม่ออกบนโทรศัพท์

ดาวน์โหลดไฟล์ใหญ่เกินไป

ควรตรวจขนาดไฟล์และบีบอัดโดยไม่ลดความคมชัดมากเกินไป

เข้าใจว่าภาพ Canva มีลิงก์

ไฟล์ภาพไม่มีพื้นที่กด ต้องกำหนด Action ใน LINE OA Manager หรือผ่าน Messaging API

✅ เช็กลิสต์ขนาด Rich Menu LINE

• เลือกแบบใหญ่หรือแบบกะทัดรัดแล้ว
• แบบใหญ่ใช้ 2500 × 1686 พิกเซล
• แบบกะทัดรัดใช้ 2500 × 843 พิกเซล
• ใช้หน่วยพิกเซลใน Canva
• ดาวน์โหลด Design Guide จาก LINE OA
• เส้นแบ่งภาพตรงกับเทมเพลต
• ไอคอนอยู่กึ่งกลางแต่ละช่อง
• ข้อความไม่ชิดขอบ
• ตัวอักษรอ่านได้บนโทรศัพท์
• ใช้ไฟล์ PNG หรือ JPG ตามที่ระบบรองรับ
• ขนาดไฟล์ไม่เกินข้อกำหนด
• ลบเส้นช่วยก่อนดาวน์โหลด
• ตั้ง Action ครบทุกช่อง
• ทดสอบกดทุกปุ่ม
• ตรวจลิงก์ปลายทางแล้ว
• ตรวจข้อกำหนดล่าสุดของ LINE

❓ คำถามที่พบบ่อย

ขนาด Rich Menu LINE เท่าไร

ขนาดที่นิยมคือ 2500 × 1686 พิกเซลสำหรับแบบใหญ่ และ 2500 × 843 พิกเซลสำหรับแบบกะทัดรัด

Rich Menu แบบ 6 ช่องใช้ขนาดเท่าไร

โดยทั่วไปใช้ภาพขนาดใหญ่ 2500 × 1686 พิกเซล แล้วเลือกเทมเพลต 6 ช่องใน LINE OA Manager ควรใช้ Design Guide เพื่อกำหนดเส้นแบ่งให้ตรง

Canva ตั้งขนาด Rich Menu ได้ไหม

ได้ โดยเลือกสร้างดีไซน์แบบกำหนดเอง เลือกหน่วยพิกเซล แล้วกรอกความกว้างและความสูง

Rich Menu ใช้ PNG หรือ JPG

LINE รองรับรูปแบบภาพตามข้อกำหนดของระบบ โดยงานไอคอนและข้อความเหมาะกับ PNG ส่วนงานภาพถ่ายสามารถใช้ JPG ได้

ทำไมขนาดถูกแต่ปุ่มกดผิด

เพราะตำแหน่งช่องในภาพไม่ตรงกับพื้นที่ Action ของเทมเพลต ต้องตรวจ Design Guide และการตั้งค่าปุ่ม

สามารถใช้ขนาดอื่นได้หรือไม่

Messaging API อาจรองรับขนาดภายใต้ข้อกำหนดของ LINE แต่สำหรับผู้ใช้ LINE OA Manager และ Canva ควรใช้ขนาดที่ตรงกับเทมเพลตในระบบเพื่อทำงานง่ายและลดข้อผิดพลาด

📝 สรุปขนาด Rich Menu LINE ที่ถูกต้องใน Canva

ขนาด Rich Menu LINE ที่ใช้บ่อยคือ 2500 × 1686 พิกเซล สำหรับแบบใหญ่ และ 2500 × 843 พิกเซล สำหรับแบบกะทัดรัด โดยแบบใหญ่มีความสูงสองแถว แถวละ 843 พิกเซล

ก่อนออกแบบควรเลือกเทมเพลตใน LINE OA Manager และดาวน์โหลด Design Guide มาใช้เป็นแนวแบ่งช่องใน Canva ไม่ควรหารความกว้างด้วยตัวเอง เพราะบางรูปแบบมีพื้นที่ปุ่มไม่เท่ากัน

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