ทำความรู้จักกับ Web Banner (เว็บแบนเนอร์)
ทำความเข้าใจเกี่ยวกับ Web Banner

 

     เว็บแบนเนอร์ (Web Banner) เป็นรูปภาพแบนเนอร์ที่แสดงในหน้าเว็บไซต์ (Website ) เป็นการโฆษณาด้วยรูปภาพที่ฝังอยู่ในหน้าเว็บไซต์หรือที่เรียกว่า โฆษณาดิจิทัล โดยการสร้างแบนเนอร์นั้นมีวัตถุประสงค์เพื่อดึงดูดปริมาณการเข้าชมเว็บไซต์โดยเชื่อมโยงไปยังเว็บไซต์ของผู้โฆษณา โดยทั่วไปแล้วแบนเนอร์เว็บนั้นจะประกอบด้วยรูปภาพ วิดีโอ ชื่อธุรกิจ หรือโลโก้ข้อความและคำโฆษณาต่างๆที่กระตุ้นการตัดสินใจให้ผู้เห็นคลิกเข้ามานั่นเอง 

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

 

ขนาดมาตรฐานที่ใช้สำหรับการออกแบบแบนเนอร์ 

1. ขนาด 728 x 90 pixel เป็นแบนเนอร์ที่จะใช้สำหรับแสดงอยู่ด้านบนของเว็บไซต์

ตัวอย่างขนาด 728 x 90 pixel
ขนาด 728 x 90 pixel

 

2. ขนาด 300 x 250 pixel เป็นแบนเนอร์ที่ใช้สำหรับแสดงป๊อปอัพต่างๆ

ตัวอย่างแบนเนอร์ขนาด 300 x 250 pixel
ขนาด 300 x 250 pixel

 

3. ขนาด 160 x 600 pixel เป็นแบนเนอร์ที่จะใช้สำหรับแสดงอยู่ด้านข้างของเว็บไซต์

ตัวอย่างแบนเนอร์ขนาด 160 x 600 pixel
ขนาด 160 x 600 pixel

 

เป็นอย่างไรบ้างคะ พอจะเข้าใจเกี่ยวกับขนาดและวิธีการออกแบบเว็บแบนเนอร์มากขึ้นแล้วใช่ไหมคะ สำหรับใครที่ต้องการสร้างแบนเนอร์ก็เลือกใช้ตามขนาดที่เหมาะสมนะคะ ส่วนใครที่ยังไม่มีไอเดียในการจัดวางเนื้อหา ก็สามารถศึกษา 10 รูปแบบการจัดวางเนื้อหา สำหรับออกแบบหน้าเว็บ เพื่อให้เว็บไซต์ของแสดงผลได้ตรงตามเนื้อหา เป็นประโยชน์ในการออกแบบหน้าเว็บอย่างแน่นอน Web Design เป็นสิ่งสำคัญอย่างมากในยุคปัจจุบัน ควรศึกษาข้อมูลไว้เยอะๆจะเป็นประโยชน์อย่างแน่นอนค่ะ 

 

References

What Is a Web Banner? Definition, Cost & Examples.[Online].access from : https://fitsmallbusiness.com/what-is-a-web-banner/[18-May-2020]

BANNER Size.[Online].access from : https://www.nstda.or.th/th/nstda-knowledge/1800-banner[18-May-2020]

What Is a Web Banner web.[Online].access from : https://study.com/academy/lesson/what-is-a-web-banner-definition-design-example.html[18-May-2020]

Web Banner.[Online].access from : https://en.wikipedia.org/wiki/Web_banner[18-May-2020]

What is a Banner Ad and How Does it Work?.[Online].access from : https://blog.bannersnack.com/beginner-guide-banner-ad/[18-May-2020]

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ลดหย่อนภาษีได้ปี 67 สูงสุด 50,000 มีเงือนไขอย่างไรมาดุ
โดย Anonymous อ 31 ธ.ค. 2023 10:37 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
381
อ 31 ธ.ค. 2023 10:37 am โดย บุคคลทั่วไป View Topic ลดหย่อนภาษีได้ปี 67 สูงสุด 50,000 มีเงือนไขอย่างไรมาดุ
เซ็นเซอร์ตรวจจับเสียง เอาไปใช้ทำอะไรได้บ้าง ทำโปรเจ็ค IOT
โดย Anonymous ส 30 ธ.ค. 2023 4:28 am บอร์ด IOT - Internet of things
2
752
ส 30 ธ.ค. 2023 10:48 pm โดย mindphp View Topic เซ็นเซอร์ตรวจจับเสียง เอาไปใช้ทำอะไรได้บ้าง ทำโปรเจ็ค IOT
มีเว็บที่เปิดเป็น localhost ใช้งานได้อยู่ มีวิธีไหนบ้างครับ ที่จะทำให้คนเข้าถึงออนไลน์ได้
โดย Anonymous ส 30 ธ.ค. 2023 4:18 am บอร์ด Programming - PHP
1
298
ส 30 ธ.ค. 2023 10:47 pm โดย mindphp View Topic มีเว็บที่เปิดเป็น localhost ใช้งานได้อยู่ มีวิธีไหนบ้างครับ ที่จะทำให้คนเข้าถึงออนไลน์ได้
ในฐานะผู้ดูแลระบบ (System Administrator) ก่อนเข้าช่วงหยุดยาว เตรียมตัวแบบนี้เพื่อให้หยุดได้อย่างไร้กังวน
โดย mindphp พฤ 28 ธ.ค. 2023 12:20 pm บอร์ด Linux - Web Server
0
552
พฤ 28 ธ.ค. 2023 12:20 pm โดย mindphp View Topic ในฐานะผู้ดูแลระบบ (System Administrator) ก่อนเข้าช่วงหยุดยาว เตรียมตัวแบบนี้เพื่อให้หยุดได้อย่างไร้กังวน
แก้ปัญหา Google Chrome เข้าหน้าเว็บไม่ได้ขึ้น ERROR SSL Key แต่ใช้ browser ตัวอื่นเข้าได้หมด
โดย mindphp พฤ 28 ธ.ค. 2023 7:11 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
338
พฤ 28 ธ.ค. 2023 7:11 am โดย mindphp View Topic แก้ปัญหา Google Chrome เข้าหน้าเว็บไม่ได้ขึ้น ERROR SSL Key แต่ใช้ browser ตัวอื่นเข้าได้หมด
ทำไมการย้ายโดเมนมักแนะนำให้ดำเนินการก่อนหมดอายุ 30 วัน มาดูรายละเอียดกัน Domain Tranfer มีกี่ขั้นตอน
โดย mindphp พฤ 28 ธ.ค. 2023 6:54 am บอร์ด Microsoft Office Knowledge & line & Etc
0
408
พฤ 28 ธ.ค. 2023 6:54 am โดย mindphp View Topic ทำไมการย้ายโดเมนมักแนะนำให้ดำเนินการก่อนหมดอายุ 30 วัน มาดูรายละเอียดกัน Domain Tranfer มีกี่ขั้นตอน
วิธีแชร์ภาพจาก Canva ไปที่ Facebook Page
โดย vibeday พฤ 28 ธ.ค. 2023 12:42 am บอร์ด Microsoft Office Knowledge & line & Etc
0
326
พฤ 28 ธ.ค. 2023 12:42 am โดย vibeday View Topic วิธีแชร์ภาพจาก Canva ไปที่ Facebook Page
โฆษณา LINE ทางเลือกใหม่ของแบรนด์ในยุคออนไลน์
โดย admeadme พ 27 ธ.ค. 2023 3:38 pm บอร์ด Share Knowledge
0
312
พ 27 ธ.ค. 2023 3:38 pm โดย admeadme View Topic โฆษณา LINE ทางเลือกใหม่ของแบรนด์ในยุคออนไลน์