Wewyn Blog
ขนาดรูปภาพที่แนะนำใช้ทำเว็บบน Wewyn
12 September 2023

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

 

1. รูปสินค้า (Product)

 

 

1.1. ภาพหน้าปก (Cover)

    - ขนาดรูปภาพแนวนอน 1920x1080 px

    - ขนาดรูปภาพมาตรฐาน 1200x800 px

    - ขนาดรูปแนวจัตุรัส 1200x1200 px

    - ขนาดรูปแนวตั้ง 960x1200 px

 

หมายเหตุ :

    - การแสดงผลในหน้าร้านค้าจะถูกแสดงเป็นขนาด 180x180 px ทั้งหมด

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

 

1.2. รูปในรายละเอียดสินค้า (Detail) ความกว้างไม่ควรเกิน 1200 px

แนะนำ : หากใส่รูปในรายละเอียด ให้ตั้งค่า Image Properties โดยไม่ต้องใส่ความกว้าง (Width) และความสูง (Height) เมื่อแสดงผลบนอุปกรณ์เคลื่อนที่รูปจะไม่บีบจะปรับให้แสดงผลตามอุปกรณ์เคลื่อนที่ได้อย่างเหมาะสม ส่วนแสดงบนเว็บใน PC รูปจะมีขนาดกว้างเต็มหน้าเว็บ

 

2.รูปแบนเนอร์  (Banner)

 

 

2.1. รูปแบนเนอร์แบบความกว้างเต็มเว็บไซต์

 แนะนำใช้ขนาด 1920 px  ความยาวขึ้นอยู่กับการออกแบบ สำหรับอยู่บนสุด (Header) ของเว็บไซต์

2.2. รูปแบนเนอร์ในส่วนเนื้อหาของเว็บไซต์

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

​​​​​​​2.3. รูปแบนเนอร์ตามสไตล์ Wewyn (Banner Styles)

 ในกรณีที่คุณเลือกใช้สไตล์แบนเนอร์ของ Wewyn ซึ่งมีหลายรูปแบบ อย่าลืมใช้ขนาดให้เหมาะสมกับรูปแบบสไตล์ที่เลือกใช้

 

คำแนะนำแบนเนอร์ :

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

 

 

​​​​​​​3. รูปบทความ (Article)
 
 
3.1. รูปหน้าปกบทความ

   - ขนาดรูปภาพมาตรฐาน 1200x800 px 

   - ขนาดรูปแนวจัตุรัส 1200x1200 px

   - ขนาดรูปแนวตั้ง 960x1200 px

​​​​​​​3.2. รูปในรายละเอียดบทความ ความกว้างไม่ควรเกิน 1200 px

แนะนำ : หากใส่รูปในรายละเอียด ให้ตั้งค่า Image Properties โดยไม่ต้องใส่ความกว้าง (Width) และความสูง (Height) เมื่อแสดงผลบนอุปกรณ์เคลื่อนที่รูปจะไม่บีบ แต่จะปรับให้แสดงผลตามอุปกรณ์เคลื่อนที่ได้อย่างเหมาะสม ส่วนการแสดงบนเว็บใน PC รูปจะมีขนาดกว้างเต็มหน้าเว็บ

 

4. รูปป๊อปอัป (Popup)
 
 
 

   - ขนาดรูปมาตรฐานแนวนอน1200x800 px  

   - ขนาดรูปภาพแนวตั้ง 800x1200 px

   - ขนาดรูปแนวจัตุรัส 1200x1200 px

 

5. รูปรถเข็นสินค้า (Cart Customize) : ขนาดรูปภาพ 90x90 px
​​​​​​​
 

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