การเตรียมออกแบบรูป สำหรับใช้ใน Rich Menus

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

วันที่เผยแพร่ : 19 กรกฎาคม 2567    

การเตรียมออกแบบรูปภาพ สำหรับใช้ใน Rich Menus

      การออกแบบรูปภาพต้องคำนึงถึง ขนาด (Size) และ รูปแบบ (Template) ที่เหมาะสม โดยต้องเป็นไปตามข้อกำหนดของ Line OA ซึ่งจะมีลักษณะการวางรูปแบบ Action ภายในและขนาดต่างๆ โดยที่สำคัญ

      " ขนาดรูปแบบ (Template) ควรมีขนาด 2500px (width) x 1686px (height) หรือ 2500px (width) x 843px (height) ตามข้อกำหนดของแต่ละรูปแบบ และมีขนาดไฟล์รูปภาพ ไม่เกิน 1 MB "

 

 

      นี่คือ ตัวอย่างรูปภาพที่ใช้จริงใน Rich Menus ของบริษัทเอาเวอร์ กรีนฟิช (Ourgreenfish) ของเรา ที่ใช้หนึ่งในรูปแบบขนาด 2500px (width) x 1686px (height) ที่ภายในมี 6 Action 

      ซึ่งนอกจากรูปแบบนี้แล้วยังมีรูปแบบอื่นๆ อีก เพราะใน Smart Rich Menus มีรูปแบบ Rich Menus ให้เลือกใช้ทั้งหมด 17 รูปแบบ และมีลักษณะการวางรูปแบบ Action ภายในรูปแบบที่ขนาดต่างๆ ดังนี้ :

• Template 1 : ขนาดทั้งหมดของรูปแบบที่ 1 มีขนาด 2500px (width) x 1686px (height)

  
  

  • ในรูปแบบที่ 1 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 6 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 833px (width) x 843px (height)

    • Action 2 : ขนาด 833px (width) x 843px (height)

    • Action 3 : ขนาด 833px (width) x 843px (height)

    • Action 4 : ขนาด 833px (width) x 843px (height)

    • Action 5 : ขนาด 833px (width) x 843px (height)

    • Action 6 : ขนาด 833px (width) x 843px (height)

 

• Template 2 : ขนาดทั้งหมดของรูปแบบที่ 2 มีขนาด 2500px (width) x 1686px (height)

  
  

  • ในรูปแบบที่ 2 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 4 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 1250px (width) x 843px (height)

    • Action 2 : ขนาด 1250px (width) x 843px (height)

    • Action 3 : ขนาด 1250px (width) x 843px (height)

    • Action 4 : ขนาด 1250px (width) x 843px (height)

 

• Template 3 : ขนาดทั้งหมดของรูปแบบที่ 3 มีขนาด 2500px (width) x 1686px (height)
  

  • ในรูปแบบที่ 3 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 4 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 2500px (width) x 843px (height)

    • Action 2 : ขนาด 833px (width) x 843px (height)

    • Action 3 : ขนาด 833px (width) x 843px (height)

    • Action 4 : ขนาด 833px (width) x 843px (height)

 

• Template 4 : ขนาดทั้งหมดของรูปแบบที่ 4 มีขนาด 2500px (width) x 1686px (height) 

• • ในรูปแบบที่ 4 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 3 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

• • • Action 1 : ขนาด 1666px (width) x 1686px (height)

    • Action 2 : ขนาด 833px (width) x 843px (height)

    • Action 3 : ขนาด 833px (width) x 843px (height)

 

• Template 5 : ขนาดทั้งหมดของรูปแบบที่ 5 มีขนาด 2500px (width) x 1686px (height)
  

• • ในรูปแบบที่ 5 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 2 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

• • • Action 1 : ขนาด 2500px (width) x 843px (height)

    • Action 2 : ขนาด 2500px (width) x 843px (height)

 

• Template 6 : ขนาดทั้งหมดของรูปแบบที่ 6 มีขนาด 2500px (width) x 1686px (height)

  

• • ในรูปแบบที่ 6 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 2 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

• • • Action 1 : ขนาด 1250px (width) x 1686px (height)

    • Action 2 : ขนาด 1250px (width) x 1686px (height)

 

• Template 7 : ขนาดทั้งหมดของรูปแบบที่ 7 มีขนาด 2500px (width) x 1686px (height)
  

• • ในรูปแบบที่ 7 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 1 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

• • • Action 1 : ขนาด 2500px (width) x 1686px (height)

 

• Template 8 : ขนาดทั้งหมดของรูปแบบที่ 8 มีขนาด 2500px (width) x 1686px (height)

  

• • ในรูปแบบที่ 8 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 4 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

• • • Action 1 : ขนาด 1250px (width) x 337px (height)

    • Action 2 : ขนาด 1250px (width) x 337px (height)

    • Action 3 : ขนาด 1250px (width) x 1349px (height)

    • Action 4 : ขนาด 1250px (width) x 1349px (height)

 

• Template 9 : ขนาดทั้งหมดของรูปแบบที่ 9 มีขนาด 2500px (width) x 1686px (height)

  

• •  ในรูปแบบที่ 9 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 4 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

• • • Action 1 : ขนาด 1250px (width) x 337px (height)

    • Action 2 : ขนาด 1250px (width) x 337px (height)

    • Action 3 : ขนาด 2500px (width) x 674px (height)
    • Action 4 : ขนาด 2500px (width) x 675px (height)

 

• Template 10 : ขนาดทั้งหมดของรูปแบบที่ 10 มีขนาด 2500px (width) x 1686px (height)
  

• •  ในรูปแบบที่ 10 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 8 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 1250px (width) x 337px (height)

    • Action 2 : ขนาด 1250px (width) x 337px (height)

    • Action 3 : ขนาด 833px (width) x 674px (height)
    • Action 4 : ขนาด 833px (width) x 674px (height)
    • Action 5 : ขนาด 833px (width) x 674px (height)
    • Action 6 : ขนาด 833px (width) x 675px (height)
    • Action 7 : ขนาด 833px (width) x 675px (height)
    • Action 8 : ขนาด 833px (width) x 675px (height)

 

• Template 11 : ขนาดทั้งหมดของรูปแบบที่ 11 มีขนาด 2500px (width) x 1686px (height)

  

  • ในรูปแบบที่ 11 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 9 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 833px (width) x 337px (height)

    • Action 2 : ขนาด 833px (width) x 337px (height)

    • Action 3 : ขนาด 833px (width) x 337px (height)
    • Action 4 : ขนาด 833px (width) x 674px (height)
    • Action 5 : ขนาด 833px (width) x 674px (height)
    • Action 6 : ขนาด 833px (width) x 674px (height)
    • Action 7 : ขนาด 833px (width) x 675px (height)
    • Action 8 : ขนาด 833px (width) x 675px (height)
    • Action 9 : ขนาด 833px (width) x 675px (height)

 

• Template 12 : ขนาดทั้งหมดของรูปแบบที่ 12 มีขนาด 2500px (width) x 1686px (height)

  

  • ในรูปแบบที่ 12 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 10 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 625px (width) x 337px (height)

    • Action 2 : ขนาด 625px (width) x 337px (height)

    • Action 3 : ขนาด 625px (width) x 337px (height)

    • Action 4 : ขนาด 625px (width) x 337px (height)

    • Action 5 : ขนาด 833px (width) x 674px (height)

    • Action 6 : ขนาด 833px (width) x 674px (height)

    • Action 7 : ขนาด 833px (width) x 674px (height)

    • Action 8 : ขนาด 833px (width) x 675px (height)

    • Action 9 : ขนาด 833px (width) x 675px (height)

    • Action 10 : ขนาด 833px (width) x 675px (height)

 

• Template 13 : ขนาดทั้งหมดของรูปแบบที่ 13 มีขนาด 2500px (width) x 1686px (height)
  

• • ในรูปแบบที่ 13 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 6 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 1250px (width) x 337px (height)

    • Action 2 : ขนาด 1250px (width) x 337px (height)

    • Action 3 : ขนาด 1250px (width) x 674px (height)
    • Action 4 : ขนาด 1250px (width) x 674px (height)
    • Action 5 : ขนาด 1250px (width) x 675px (height)

    • Action 6 : ขนาด 1250px (width) x 675px (height)

 

• Template 14 : ขนาดทั้งหมดของรูปแบบที่ 14 มีขนาด 2500px (width) x 843px (height)

• • ในรูปแบบที่ 14 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 3 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 833px (width) x 843px (height)

    • Action 2 : ขนาด 833px (width) x 843px (height)

    • Action 3 : ขนาด 833px (width) x 843px (height)

 

• Template 15 : ขนาดทั้งหมดของรูปแบบที่ 15 มีขนาด 2500px (width) x 843px (height)
  

• • ในรูปแบบที่ 15 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 2 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 833px (width) x 843px (height)

    • Action 2 : ขนาด 1666px (width) x 843px (height)

 

• Template 16 : ขนาดทั้งหมดของรูปแบบที่ 16 มีขนาด 2500px (width) x 843px (height)
  

• • ในรูปแบบที่ 16 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 2 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 1666px (width) x 843px (height)

    • Action 2 : ขนาด 833px (width) x 843px (height)

 

• Template 17 : ขนาดทั้งหมดของรูปแบบที่ 17 มีขนาด 2500px (width) x 843px (height) 

  

  • ในรูปแบบที่ 17 จะมีลักษณะการวางรูปแบบ Action ภายในทั้งหมด 1 Action ซึ่งมีขนาดของแต่ละ Action ดังนี้ :

    • Action 1 : ขนาด 2500px (width) x 843px (height)

      จาก Template ทั้งหมดนี้ คุณสามารถเลือกใช้ Template ให้เหมาะกับลักษณะการใช้งาน Line OA ที่คุณต้องการได้เลย เมื่อเลือก Template แล้วก็ต้องออกแบบรูป โดยให้มีรายละเอียดของรูปตาม Template นั้นๆ ที่คุณเลือกใช้ให้ครบถ้วน ซึ่งในการออกแบบรูป คือ ต้องรวมรูป Action ต่างๆ ที่คุณสร้าง ให้รวมเป็นรูปเดียว โดยให้วางรูปแบบตาม Template ที่เลือก