ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 
ทำความรู้จักกับ 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]

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สรุปการประชุมลูกค้าครั้งแรก
โดย natthanit.r2538 จ 01 มิ.ย. 2020 6:46 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
2
จ 01 มิ.ย. 2020 6:46 pm โดย natthanit.r2538
สวนครัวริมระเบียง
โดย natthanit.r2538 จ 01 มิ.ย. 2020 4:42 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
6
จ 01 มิ.ย. 2020 4:42 pm โดย natthanit.r2538
วิธีการเดินทางจาก สงขลา มา กรุงเทพฯ
โดย natthanit.r2538 จ 01 มิ.ย. 2020 1:47 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
11
จ 01 มิ.ย. 2020 1:47 pm โดย natthanit.r2538
งานประจำวันที่ 1 มิถุนายน 2563
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:53 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
1
27
จ 01 มิ.ย. 2020 11:05 am โดย natthanit.r2538
note
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:52 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
5
จ 01 มิ.ย. 2020 10:52 am โดย natthanit.r2538
Work's on Hand ณัฐนิตย์ ร่มบ้านโหล๊ะ M103
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:49 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
4
จ 01 มิ.ย. 2020 10:49 am โดย natthanit.r2538
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:48 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
2
18
จ 01 มิ.ย. 2020 11:08 am โดย natthanit.r2538
B - เข้าเมนูหน้ารวมรายการใน admin ไม่ได้
โดย thatsawan ศ 29 พฤษภาคม 2020 5:58 pm บอร์ด Odoojob.com - Tester
0
1
ศ 29 พฤษภาคม 2020 5:58 pm โดย thatsawan
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
94
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
91
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
9
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
30
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
101
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
96
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
2
125
จ 01 มิ.ย. 2020 6:33 am โดย mindphp