ขนาดรูปเว็บไซต์ ที่แนะนำในระบบ MakeWebEasy
การออกแบบเว็บไซต์ให้ได้เว็บที่สวย การเลือกใช้รูปภาพ และ ขนาดรูปที่เหมาะกับเว็บไซต์ ต้องมาเป็นอันดับแรก
เพราะปฏิเสธไม่ได้เลยค่ะว่าลูกค้า มักจะเลือกสนใจสินค้า หรือบริการ ของแบรนด์ที่มีเว็บไซต์ที่สวยกว่า แต่ถ้าใครกำลังปวดหัวกับการออกแบบเว็บไซต์ ที่ไม่ว่าจะปรับขนาดรูปกี่ครั้ง ก็ไม่เป๊ะซะที วันนี้เรามี ขนาดรูปเว็บไซต์ที่แนะนำมาฝากค่ะ มาดูกันว่าถ้าจะออกแบบเว็บไซต์ในระบบของ MakeWebeasy นั้นจะต้องใช้รูปภาพขนาดเท่าไหร่กัน
Logo : รูปโลโก้ของแบรนด์
รูปจัตุรัส 200 x 200 px
รูปแนวนอน ความสูงขั้นต่ำ 75 px
ส่วนสำคัญที่จะทำให้ลูกค้าจำแบรนด์เราได้ก็คือ Logo นี่แหละค่ะ
ถ้าโลโก้ของคุณเป็นจัตุรัส เราแนะนำให้ขนาดรูปอยู่ที่ 200 x 200 px แต่ถ้าโลโก้เป็นแนวนอนหรือแนวตั้ง ขนาดความสูงนั้นไม่ควรน้อยกว่า 75px นะคะ ไม่งั้นโลโก้แบรนด์ของคุณจะเล็กเกินไป จนลูกค้ามองไม่ออกเลยล่ะ
ที่สำคัญ คือ ไฟล์รูปต้องไม่แตกหรือไม่คมชัดนะ เพราะจะทำให้แบรนด์ดูไม่น่าเชื่อถือไปเลย และขนาดรูปโลโก้ก็ไม่ควรใหญ่เกินไป เพราะจะกินพื้นที่เว็บไซต์ในเซคชั่นอื่น ๆ ได้ค่ะ
Slide : แบนเนอร์สไลด์
ความกว้าง 1920 px
ความสูงขั้นต่ำ 600 px
เมื่อลูกค้าเข้ามาในเว็บไซต์ สิ่งแรกที่เขาจะเห็นก็คือ Slide Banner นี่แหละค่ะ
แนะนำให้ทำรูปแบนเนอร์อยู่ที่ขนาดความกว้าง 1920 px ซึ่งจะยืดเต็มในทุกอุปกรณ์ค่ะ ส่วนความสูงนั้นเราแนะนำเป็น 600 px ค่ะ
ข้อแนะนำ
บนหน้าแรกเว็บไซต์ ควรใช้แบนเนอร์ในสไลด์ประมาณ 3-4 สไลด์จะดีที่สุดค่ะ เพื่อไม่ให้เว็บไซต์โหลดช้าเกินไป รวมทั้งคนส่วนใหญ่มักจะไม่ได้เลื่อนดูครบทุกสไลด์ การใส่ข้อมูลในสไลด์หลัง ๆ หรือใส่รูปแบนเนอร์มากจนเกินไป อาจจะทำให้สิ่งที่เราต้องการสื่อสารส่งไปไม่ถึงลูกค้าได้ค่ะ
Product : รูปสินค้า
รูปจัตุรัส 1000 x 1000 px
รูปแนวตั้ง 1000 x 1500 px
รูปสินค้า ถือเป็นหัวใจหลักบนเว็บไซต์ขายของเลยล่ะค่ะ เพราะหากรูปสวย ขนาดรูปพอเหมาะกับเทมเพลต ก็จะทำให้เว็บไซต์ของเราไม่ขาดไม่แหว่ง ดูสมดุลและเพอร์เฟค!
สำหรับเว็บไซต์ร้านค้าออนไลน์ ความกว้างของรูปสินค้าควรอยู่ที่ 1000 px เป็นขนาดรูปที่สวย คมชัด และที่สำคัญคือรูปจะไม่แตกค่ะ ลูกค้าจะสามารถซูม เพื่อดูรายละเอียดสินค้านั้น ๆ ได้ในหน้าสินค้าเดี่ยว
อย่างเช่น เสื้อลายปัก ถ้าเราใช้รูปเล็กเกินไป ลูกค้าจะมองไม่เห็นลวดลายความสวยงามบนเสื้อได้ แต่ถ้าใช้ขนาดตามที่เราแนะนำ รับรองว่ารูปสินค้าของคุณจะพอเหมาะพอดีแน่นอน
Content : รูปปกบทความ
รูปจัตุรัส 760 x 760 px
รูปแนวนอน 1160 x 760 px
รูปปกบทความ เป็นตัวดึงดูดให้คนที่เข้าชมเว็บไซต์ เลือกที่จะคลิกเข้ามาอ่านเนื้อหาในบทความนั้น ๆ ของเรา
ขนาดรูปที่เหมาะสมกับเว็บไซต์ ควรมีขนาดไม่ต่ำกว่า 760 x 760 pixel ในกรณีที่ต้องการให้รูปเป็นสี่เหลี่ยมจัตุรัสนะคะ
แต่เว็บไซต์ MakeWebEasy ก็ไม่ได้จำกัดว่า รูปปกบทความจะต้องเป็นรูปจัตุรัสเท่านั้น เรายังสามารถตั้งรูปปกบทความให้เป็นรูปแนวนอนได้ โดยรูปนั้นควรมีขนาด 1160 x 760 pixel และไม่ต้องกังวลว่ารูปที่จะแสดงในหน้ารวม ( Thumbnail ) จะต้องเป็นรูปขนาดเท่าไหร่กันล่ะ เพราะระบบจะย่อให้เองโดยอัตโนมัติค่ะ
Favicon : ไอคอนเว็บไซต์
16 x 16 px
หลายคนคงจะสงสัยว่า รูป Favicon มันคืออะไร ?
แต่ถ้าบอกว่ามันคือ รูปไอคอนเล็ก ๆ ตรงแถบเว็บไซต์ ทุกคนก็คงจะร้องอ๋อขึ้นมาทันทีใช่มั้ยล่ะคะ และถ้าเราลองสังเกตดูจะพบว่าแต่ละเว็บไซต์ ก็จะมีรูป Favicon ที่แตกต่างกันไป ซึ่งจะช่วยส่งเสริมให้เว็บไซต์ของคุณมีเอกลักษณ์และลูกค้าจดจำแบรนด์ได้มากขึ้นด้วย
ขนาดรูป Favicon ที่แนะนำ จะเป็นขนาดรูปที่เล็กมากๆ คือ 16 x 16 pixel ส่วนรูปแบบไฟล์ที่ระบบ MakeWebEasy รองรับจะเป็น .jpeg, .jpg, .png และ .ico เท่านั้นนะคะ
ข้อแนะนำ
แนะนำว่าควรใช้เป็นรูป Logo ของแบรนด์คุณเองเลยจะดีที่สุดค่ะ หรือไม่งั้นก็ควรเป็นรูปที่ดูคล้ายกับ Logo หรืออื่นๆที่เกี่ยวข้องกับแบรนด์ เพื่อไม่ให้ลูกค้าสับสนและเพิ่มการจดจำแบรนด์ให้ได้มากที่สุด
รู้แล้ว ลองเลย !
ขนาดรูปเว็บไซต์ แต่ละจุดที่เราเลือกมาให้ ล้วนแต่เป็นจุดสำคัญของเว็บไซต์ หากคุณลองปรับขนาดรูปให้พอเหมาะกับที่เราบอก รับรองว่าเว็บของคุณจะสวย และดูดีบนทุกอุปกรณ์แน่นอนค่ะ
