ให้เรตสมาชิก: 5 / 5

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ถ้าต้องการจะส่งเมล เเล้วแนบไฟล์ไปด้วยใน phpbb ทำยังไงคะ
โดย thatsawan ส 11 ก.ค. 2020 11:33 am บอร์ด Programming - PHP
0
6
ส 11 ก.ค. 2020 11:33 am โดย thatsawan
การเพิ่มกรอบจอโทรศัพท์มือถือบน Google Chrome
โดย natthanit.r2538 ส 11 ก.ค. 2020 10:41 am บอร์ด Share Knowledge
0
6
ส 11 ก.ค. 2020 10:41 am โดย natthanit.r2538
งานประจำวันที่ 11 กรกฏาคม 2563
โดย Phakakrong ส 11 ก.ค. 2020 9:22 am บอร์ด M105 - ผกากรอง กุสาวดี
0
6
ส 11 ก.ค. 2020 9:22 am โดย Phakakrong
ถ้าต้องการเช็คค่าว่าง select ให้ alert ก่อนก่อนปุ่มอื่นๆ ทำยังไงได้บ้างคะ
โดย thatsawan ศ 10 ก.ค. 2020 4:18 pm บอร์ด JavaScript & Jquery Ajax
1
14
ศ 10 ก.ค. 2020 4:59 pm โดย tsukasaz
งานประจำวันที่ 10 กรกฏาคม 2563
โดย Phakakrong ศ 10 ก.ค. 2020 9:35 am บอร์ด M105 - ผกากรอง กุสาวดี
5
18
ศ 10 ก.ค. 2020 7:58 pm โดย Phakakrong
Google Sheet : วิธีการเปลี่ยนภาษา (ไทย เป็น อังกฤษ)
โดย Phakakrong พฤ 09 ก.ค. 2020 6:34 pm บอร์ด Share Knowledge
0
15
พฤ 09 ก.ค. 2020 6:34 pm โดย Phakakrong
มาลองใช้งาน Google Drive กันแบบฉบับง่ายๆ
โดย Phakakrong พฤ 09 ก.ค. 2020 4:08 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
16
พฤ 09 ก.ค. 2020 4:08 pm โดย Phakakrong
ข้อมูลไม่ขึ้นมาแสดง รบกวนช่วยดูโค้ดให้ทีคะ คือทำหน้าแบบฟอร์ม แล้วต้องการแก้ไขข้อมูลตามไอดี
โดย Jakkrit Saengngoenon พฤ 09 ก.ค. 2020 1:24 pm บอร์ด Programming - PHP
0
12
พฤ 09 ก.ค. 2020 1:24 pm โดย Jakkrit Saengngoenon
งานประจำวันที่ 9 กรกฏาคม 2563
โดย Phakakrong พฤ 09 ก.ค. 2020 9:40 am บอร์ด M105 - ผกากรอง กุสาวดี
1
28
พฤ 09 ก.ค. 2020 6:51 pm โดย Phakakrong
สรุปผลการเรียน Process help desk
โดย Phakakrong พ 08 ก.ค. 2020 7:05 pm บอร์ด M105 - ผกากรอง กุสาวดี
1
11
พฤ 09 ก.ค. 2020 10:29 am โดย Phakakrong
ISO 29110 คืออะไร มาตรฐานที่ให้การรับรองคุณภาพการบริหารงาน หรือผลิตภัณฑ์ซอร์ฟแวร์ มีขั้นตอนการขออย่างไหร่
โดย natthanit.r2538 พ 08 ก.ค. 2020 7:02 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
32
พ 08 ก.ค. 2020 9:59 pm โดย UoIU112
การ Link ข้อมูลข้าม Sheet /ข้ามไฟล์ ใน Excel แบบง่ายๆ
โดย Phakakrong พ 08 ก.ค. 2020 6:55 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
19
พ 08 ก.ค. 2020 6:55 pm โดย Phakakrong
ข้อควรรู้เกี่ยวกับการลดหย่อนภาษีด้วยเงินบริจาคมูลนิธิ
โดย medalezga พ 08 ก.ค. 2020 1:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
16
พ 08 ก.ค. 2020 1:55 pm โดย medalezga
แนะนำ 10 โปรแกรมตัดต่อวิดีโอบน PC ทั้งฟรีและเสียเงิน
โดย Phakakrong พ 08 ก.ค. 2020 1:30 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
21
พ 08 ก.ค. 2020 1:30 pm โดย Phakakrong
งานประจำวันที่ 8 กรกฏาคม 2563
โดย Phakakrong พ 08 ก.ค. 2020 9:28 am บอร์ด M105 - ผกากรอง กุสาวดี
3
42
พ 08 ก.ค. 2020 7:16 pm โดย Phakakrong
SMS Gateway คืออะไร
โดย natthanit.r2538 อ 07 ก.ค. 2020 5:11 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
35
พ 08 ก.ค. 2020 5:15 pm โดย natthanit.r2538
ใบเสนอราคา (Quotation) คืออะไร
โดย Phakakrong อ 07 ก.ค. 2020 4:55 pm บอร์ด Share Knowledge
0
38
อ 07 ก.ค. 2020 4:55 pm โดย Phakakrong
วิธีการเดินทางจากอำเภอเชียงคำ จ.พะเยา มา กรุงเทพมหานคร
โดย Phakakrong อ 07 ก.ค. 2020 12:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
43
อ 07 ก.ค. 2020 12:03 pm โดย Phakakrong
Note
โดย Phakakrong อ 07 ก.ค. 2020 11:16 am บอร์ด M105 - ผกากรอง กุสาวดี
1
7
พ 08 ก.ค. 2020 10:09 am โดย Phakakrong
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย Phakakrong อ 07 ก.ค. 2020 11:01 am บอร์ด M105 - ผกากรอง กุสาวดี
3
25
อ 07 ก.ค. 2020 3:27 pm โดย Phakakrong