Bạn đang tìm hiểu banner là gì nhưng cứ bắt gặp hai luồng thông tin khác nhau, một bên nói băng rôn ngoài trời, một bên nói ảnh quảng cáo trên web? Thực ra cả hai đều đúng, vì banner là một khái niệm có nhiều dạng tồn tại song song.
Bài này sẽ giải thích rõ banner là gì, phân loại như thế nào, kích thước chuẩn của từng loại là bao nhiêu, và thiết kế một banner hiệu quả cần những yếu tố gì. Dù bạn đang cần đặt in banner sự kiện hay chạy quảng cáo hiển thị online, đọc xong bài này là bạn nắm được hết.
Banner (phát âm: /ˈbænər/) có nguồn gốc từ tiếng Anh, nghĩa gốc là “lá cờ” hay “biểu ngữ” dùng để truyền tải một thông điệp đến đám đông.
Trong lĩnh vực marketing và quảng cáo, banner được dùng để chỉ bất kỳ vật liệu trực quan nào mang thông điệp quảng bá, từ tấm bạt in ấn căng ngoài đường cho đến ảnh hiển thị trên trang web.
Cụ thể hơn, có thể hiểu banner theo hai nghĩa chính:
- Banner vật lý: Tấm bảng, vải, hoặc bạt có in hình ảnh và chữ, được treo, đặt hoặc dựng tại không gian thực tế (sự kiện, cửa hàng, đường phố).
- Banner kỹ thuật số: File hình ảnh hoặc animation hiển thị trên website, ứng dụng, mạng xã hội hay còn gọi là banner quảng cáo online.
Một banner tốt cần làm được ba việc trong vài giây: thu hút ánh nhìn, truyền đúng thông điệp, và khiến người xem muốn hành động. Nghe đơn giản, nhưng làm được cả ba là cả một câu chuyện riêng, phần nguyên tắc thiết kế bên dưới sẽ đi sâu vào điều này.
Có thể chia banner thành hai nhóm lớn dựa trên môi trường sử dụng: vật lý và kỹ thuật số.
Banner vật lý là loại banner được sản xuất bằng cách in lên vật liệu thật: vải bạt, foam, nhựa PVC, giấy decal rồi trưng bày ngoài đời thực.
Một số dạng phổ biến:
- Banner cuốn (Roll-up Banner / Banner X): Loại dựng đứng trên giá, thường thấy tại hội chợ, sự kiện, gian hàng. Dễ mang theo, dễ dựng. Đây là lựa chọn phổ biến nhất cho sự kiện B2B và triển lãm.
- Banner treo ngoài trời: Băng rôn căng ngang đường, banner treo trước cửa hàng, banner bờ rào công trình. Kích thước lớn, nhìn thấy từ xa, thường dùng cho khai trương, khuyến mãi hoặc sự kiện.
- Banner backdrop: Tấm phông nền lớn đặt phía sau sân khấu hoặc khu vực chụp ảnh tại sự kiện. Thường có lặp lại logo thương hiệu theo dạng ô lưới.
- Banner standee: Hình người hoặc vật thể cắt đứng, thường thấy ở rạp phim, siêu thị, cửa hàng bán lẻ. Tạo điểm nhấn thị giác ở không gian nhỏ.
Ưu điểm của banner vật lý là tiếp cận người đi ngang qua mà không cần họ có điện thoại hay kết nối internet. Hạn chế là chi phí in ấn, không sửa được sau khi in, và khó đo lường hiệu quả chính xác.
Banner kỹ thuật số là file hình ảnh hoặc animation được hiển thị trên các nền tảng online. Đây là hình thức phổ biến nhất trong quảng cáo digital hiện nay.
Phân loại theo vị trí và cách hiển thị:
- Display Banner (Banner hiển thị): Ảnh quảng cáo xuất hiện trên các website trong mạng lưới Google Display Network hoặc các ad network khác. Có thể là ảnh tĩnh (JPEG, PNG) hoặc animation (GIF, HTML5).
- Social Media Banner: Ảnh quảng cáo chạy trên Facebook, Instagram, TikTok, LinkedIn. Mỗi nền tảng có kích thước và tỷ lệ khung hình riêng.
- Banner website: Ảnh quảng cáo nằm trên chính website của doanh nghiệp, thường thấy ở khu vực đầu trang (hero banner), sidebar, hoặc giữa nội dung bài viết.
- Leaderboard Banner: Dải banner nằm ngang dài, thường nằm ở đầu hoặc cuối trang web. Kích thước chuẩn là 728×90 pixel.
- Interstitial Banner: Banner toàn màn hình xuất hiện giữa chừng khi người dùng điều hướng, phổ biến trên ứng dụng di động.
Banner kỹ thuật số có thể đo lường được click, impression, tỷ lệ chuyển đổi – đây là lợi thế lớn so với banner vật lý. Bạn biết chính xác bao nhiêu người đã xem và bao nhiêu người đã click vào quảng cáo của mình.
Kích thước là một trong những yếu tố kỹ thuật quan trọng nhất, ảnh hưởng trực tiếp đến chất lượng in ấn và hiển thị.
Kích thước banner vật lý tính theo cm hoặc m, và cần đảm bảo độ phân giải đủ cao (thường từ 100-150 DPI trở lên khi in lớn).
| Loại banner | Kích thước phổ biến |
| Banner cuốn (Roll-up) | 60×160 cm, 80×200 cm |
| Banner X | 60×160 cm, 80×180 cm |
| Băng rôn ngang | 1×3 m, 1×5 m, 0.8×4 m |
| Backdrop sự kiện | 3×2 m, 4×2 m, 6×3 m |
| Standee | 60×160 cm, 80×200 cm |
| Bảng hiệu cửa hàng | Tùy theo mặt bằng |
Lưu ý thực tế: Khi thiết kế banner vật lý, cần thêm vùng an toàn (bleed area) khoảng 3-5 mm xung quanh để tránh bị cắt vào nội dung quan trọng khi in. File gửi đi cần ở định dạng PDF hoặc AI với độ phân giải tối thiểu 100 DPI ở kích thước thực.
Banner kỹ thuật số tính theo pixel (px). Google khuyến nghị một số kích thước chuẩn cho Display Network:
| Tên banner | Kích thước (px) | Vị trí phổ biến |
| Leaderboard | 728×90 | Đầu/cuối trang web |
| Medium Rectangle | 300×250 | Sidebar, giữa nội dung |
| Large Rectangle | 336×280 | Sidebar, giữa bài |
| Half Page | 300×600 | Sidebar |
| Wide Skyscraper | 160×600 | Sidebar dọc |
| Billboard | 970×250 | Đầu trang lớn |
| Mobile Banner | 320×50, 320×100 | Mobile web và app |
Kích thước banner mạng xã hội (2024-2025):
- Facebook Feed: 1200×628 px (tỷ lệ 1.91:1) hoặc 1080×1080 px (vuông)
- Facebook Story / Instagram Story: 1080×1920 px (9:16)
- Instagram Feed: 1080×1080 px hoặc 1080×1350 px (4:5)
- TikTok: 1080×1920 px (9:16)
- LinkedIn: 1200×627 px
Theo Google, ba kích thước có hiệu suất cao nhất trong Display Network là 300×250, 728×90 và 160×600. Nếu bạn chỉ có ngân sách làm 3 phiên bản, ưu tiên ba kích thước này trước.
>>> Tham khảo:
Có hàng chục nguyên tắc thiết kế, nhưng dưới đây là những nguyên tắc thực sự tạo ra sự khác biệt giữa banner bị phớt lờ và banner được click.
Xác định mục tiêu và đối tượng
Trước khi mở phần mềm thiết kế, cần trả lời hai câu hỏi:
Banner này dùng để làm gì? Tăng nhận diện thương hiệu (brand awareness)? Thúc đẩy mua hàng? Thu thập lead? Mỗi mục tiêu yêu cầu cách bố cục và CTA khác nhau. Banner awareness ưu tiên logo và slogan. Banner chuyển đổi cần giá, ưu đãi và nút bấm rõ ràng.
Ai sẽ nhìn thấy banner này? Độ tuổi, sở thích, vấn đề họ đang gặp phải? Một thương hiệu mỹ phẩm dưỡng da cao cấp không thể dùng cùng màu sắc và font chữ với thương hiệu thức ăn nhanh cho trẻ em.
Ví dụ cụ thể: Một phòng khám nha khoa muốn chạy banner quảng cáo dịch vụ niềng răng. Đối tượng là phụ nữ 20-35 tuổi. Mục tiêu là đặt lịch tư vấn. Từ đó, banner cần có: hình ảnh nụ cười tự tin, thông tin giá hoặc ưu đãi cụ thể, và CTA “Đặt lịch ngay” – không phải chỉ logo phòng khám.
Các yếu tố thiết kế: Màu sắc, hình ảnh, typography
Màu sắc phải nhất quán với brand identity và đủ tương phản để nội dung dễ đọc. Nguyên tắc tương phản màu sắc (color contrast) quan trọng hơn nhiều người nghĩ – chữ trắng trên nền vàng nhạt gần như không đọc được dù trông “hài hòa”.
Một số mẹo thực tế:
- Dùng tối đa 2-3 màu chính trong một banner
- Màu nền và màu chữ phải có độ tương phản đủ cao (dùng tool contrast checker miễn phí trên web để kiểm tra)
- Màu CTA nên khác biệt hẳn so với màu nền để “pop” ra
Hình ảnh phải chất lượng cao và liên quan trực tiếp đến thông điệp. Ảnh người thật thường hiệu quả hơn ảnh minh họa vô hồn từ stock. Một ảnh “before/after” hay ảnh sản phẩm đang được dùng ngoài đời thực sẽ thuyết phục hơn nhiều so với ảnh sản phẩm trên nền trắng.
Typography (font chữ) cần đơn giản và dễ đọc từ xa. Tránh dùng quá 2 font chữ trong một banner. Với banner ngoài trời, font Sans-serif (không chân) như Montserrat, Open Sans thường dễ đọc hơn từ xa. Kích thước chữ headline cần đủ lớn để đọc được trong 1-2 giây.
Bố cục và thông điệp kêu gọi hành động (CTA)
Người xem không đọc banner – họ chỉ quét qua. Bố cục cần dẫn dắt mắt theo đúng thứ tự: Thông điệp chính → Thông tin hỗ trợ → CTA.
Quy tắc 3 giây: Nếu thông điệp chính không đọc được trong 3 giây, banner đó cần làm lại. Điều này đặc biệt quan trọng với banner ngoài trời khi người đi xe qua trong tích tắc.
CTA (Call-to-Action) phải rõ ràng và cụ thể. “Tìm hiểu thêm” yếu hơn “Nhận ưu đãi 30%”. “Mua ngay” yếu hơn “Mua ngay – Giảm 500k”. Nút CTA trên banner kỹ thuật số nên có màu tương phản cao, đủ lớn để bấm trên mobile, và text ngắn gọn (tối đa 4-5 chữ).
Về bố cục, có hai kiểu phổ biến:
- Z-pattern: Mắt di chuyển từ trái sang phải, xuống góc dưới trái rồi sang phải – phù hợp với banner ngang.
- F-pattern: Mắt đọc ngang rồi dọc xuống – phổ biến với banner dọc và landing page.
Tối ưu hóa cho các nền tảng và thiết bị
Một banner thiết kế cho desktop không thể copy y nguyên sang mobile. Văn bản sẽ quá nhỏ, bố cục bị vỡ, nút CTA khó bấm.
Các điểm cần tối ưu:
Dung lượng file: Google Display Ads giới hạn dung lượng tối đa 150KB cho ảnh tĩnh. Facebook cho phép lớn hơn nhưng file nặng sẽ load chậm, ảnh hưởng trải nghiệm. Nén ảnh đúng cách trước khi upload.
Ảnh động (GIF/HTML5): Nếu dùng animation, giữ thời gian vòng lặp không quá 30 giây và đảm bảo frame đầu tiên đã truyền được thông điệp chính – vì nhiều người dùng block animation.
Test trên nhiều thiết bị: Xem banner trên màn hình máy tính, điện thoại iPhone và Android trước khi phát hành chính thức. Màu sắc hiển thị khác nhau trên từng loại màn hình.
Safe zone: Với banner mạng xã hội, giữ nội dung quan trọng (text, logo) cách mép ít nhất 5-10% kích thước banner để tránh bị cắt trên các thiết bị khác nhau.
Banner là vật liệu trực quan dùng để truyền thông điệp quảng cáo, tồn tại ở cả dạng vật lý lẫn kỹ thuật số. Nếu bạn đang triển khai banner quảng cáo online và muốn tối ưu hiệu quả ngân sách, đặc biệt trên Facebook hay Google, hãy xem thêm:
>>> Dịch vụ quảng cáo Facebook: setup chiến dịch chuẩn, tối ưu chi phí, không tự mày mò.
>>> Dịch vụ quảng cáo Google: tiếp cận đúng người đúng lúc họ đang tìm kiếm.
