So sánh hai banner quảng cáo cùng bán một sản phẩm: một cái chữ nhỏ, nhiều thông tin, nền rối; một cái chỉ có một hình ảnh, một dòng chữ, một nút bấm. Trong phần lớn trường hợp, cái thứ hai nhận được nhiều lượt nhấp hơn — không phải vì nó “đẹp hơn” theo cảm tính, mà vì người xem chỉ lướt qua banner trong chưa đầy một giây và não chỉ xử lý được một thông điệp chính. Đây là lý do nguyên tắc thiết kế banner quảng cáo gần như ngược lại với một tấm poster trưng bày: ít chữ hơn, ít chi tiết hơn, nhưng mỗi chi tiết còn lại phải rõ và có mục đích.
Bài này nói về nguyên tắc thiết kế banner quảng cáo áp dụng chung cho mọi nền tảng, kích thước chuẩn cho quảng cáo hiển thị Google, và banner Facebook — kèm checklist kiểm tra trước khi xuất file.
Nguyên tắc thiết kế banner quảng cáo
- Một thông điệp chính duy nhất cho mỗi banner — tên sản phẩm, lợi ích, hoặc lời mời, không cố nhồi tất cả vào một khung nhỏ.
- Độ tương phản rõ giữa chữ và nền để đọc được nhanh, đặc biệt khi banner hiển thị nhỏ trên điện thoại.
- Nút kêu gọi hành động (CTA) nổi bật, màu khác với nền và nội dung xung quanh, để mắt người xem tìm thấy ngay.
- Logo nhỏ nhưng rõ, đặt ở vị trí cố định (thường góc trên hoặc góc dưới) để người xem nhận diện thương hiệu ngay cả khi không đọc hết chữ.
- Chừa khoảng trống (whitespace) quanh các yếu tố chính — banner nhồi kín chữ và hình ảnh thường khó đọc hơn banner có khoảng thở.
Kích thước chuẩn cho quảng cáo hiển thị Google
Theo trang trợ giúp chính thức của Google Ad Manager, các kích thước hiển thị có nhiều lượt đặt quảng cáo nhất và được khuyến nghị gồm:
| Kích thước | Tên gọi | Vị trí thường dùng |
|---|---|---|
| 728×90 | Leaderboard | Phía trên nội dung chính của trang, hợp cả trang desktop và tablet |
| 336×280 | Large rectangle | Chèn trong nội dung bài viết hoặc cuối bài |
| 300×250 | Medium rectangle | Chèn trong nội dung hoặc cuối bài, một trong các kích thước có nhiều lượt đặt quảng cáo nhất |
| 300×50 | Mobile banner | Đầu hoặc cuối trang trên điện thoại có màn hình lớn |
| 160×600 | Wide skyscraper | Thanh bên (sidebar) của trang web |
Ngoài năm kích thước trên, Google còn hỗ trợ một số kích thước khác như 468×60, 320×480, 320×100, nhưng lượng vị trí quảng cáo khớp các kích thước này thường ít hơn. File ảnh tải lên cho quảng cáo hiển thị cần ở định dạng GIF, JPG hoặc PNG.
Cần thiết kế banner đủ bộ kích thước cho chiến dịch Google Display?
VIDCO thiết kế banner theo đúng bộ kích thước chuẩn, đồng bộ nhận diện thương hiệu, sẵn sàng chạy trên mạng hiển thị của Google.
Responsive display ads: khi không cần thiết kế từng kích thước
Ngoài banner cố định kích thước, Google Ads còn có định dạng quảng cáo hiển thị tự điều chỉnh (responsive display ads): bạn chỉ cần tải lên một vài hình ảnh, logo, tiêu đề và nội dung mô tả, hệ thống sẽ tự kết hợp và co giãn để phù hợp với từng vị trí hiển thị khác nhau, thay vì phải thiết kế sẵn tất cả kích thước cố định. Cách này tiết kiệm công thiết kế, nhưng bạn vẫn nên kiểm tra trước bằng công cụ xem trước của Google để chắc hình ảnh không bị cắt xén khó nhìn ở một số tỷ lệ khung hình.
Banner quảng cáo Facebook
Khác với Google Display, “banner” trên Facebook thường là ảnh đi kèm bài quảng cáo trong feed, không có một bộ kích thước cố định bắt buộc như mạng hiển thị. Vài nguyên tắc riêng cho banner Facebook:
- Ưu tiên tỷ lệ vuông hoặc dọc vì chiếm nhiều diện tích màn hình khi cuộn feed trên điện thoại hơn tỷ lệ ngang.
- Hạn chế chữ trùm lên gần hết ảnh: ảnh chữ dày đặc thường khó đọc trên màn hình nhỏ và kém thu hút hơn ảnh có bố cục thoáng.
- Thử nhiều phiên bản hình ảnh khác nhau cho cùng một nội dung, vì hiệu quả hình ảnh trên mạng xã hội phụ thuộc nhiều vào gu thẩm mỹ của đúng nhóm đối tượng đang nhắm tới.
- Kiểm tra bản xem trước ở từng vị trí hiển thị (feed, story, reels) trước khi chạy thật, vì một ảnh đẹp ở feed có thể bị cắt mất phần quan trọng khi hiển thị dạng story dọc toàn màn hình.
Xem thêm cách thiết lập chiến dịch đầy đủ trong dịch vụ chạy quảng cáo Facebook và tham khảo kích thước ảnh mạng xã hội cho các định dạng khác ngoài banner hiển thị.
Banner hiển thị khác native ads thế nào
Nhiều người nhầm banner hiển thị (display) với native ads vì cả hai đều xuất hiện xen trong nội dung người dùng đang đọc. Khác biệt chính: banner hiển thị là một khung ảnh/quảng cáo tách biệt rõ với nội dung xung quanh, còn native ads được thiết kế để trông giống bài viết hoặc nội dung tự nhiên của trang, chỉ có nhãn “Được tài trợ” hoặc tương tự để phân biệt. Nếu bạn đang cân nhắc giữa hai hình thức này cho chiến dịch của mình, xem thêm so sánh native ads với các kênh quảng cáo khác để chọn đúng hướng trước khi bắt tay thiết kế.
Sai lầm hay gặp khi thiết kế banner quảng cáo
- Nhồi quá nhiều chữ vào một banner nhỏ: người xem không kịp đọc hết trong thời gian họ lướt qua.
- Không có CTA rõ ràng: banner đẹp nhưng người xem không biết bấm vào sẽ dẫn tới đâu hoặc để làm gì.
- Dùng một thiết kế cho mọi kích thước: hình ảnh bị bóp méo hoặc chữ bị cắt khi co giãn không đúng tỷ lệ.
- Bỏ quên bản xem trên điện thoại: phần lớn người dùng internet hiện xem trên điện thoại, banner tối ưu riêng cho màn hình lớn dễ bị vỡ bố cục khi hiển thị trên màn hình nhỏ.
- Không thử nghiệm nhiều phiên bản: chỉ dùng một thiết kế duy nhất cho cả chiến dịch khiến khó biết phiên bản nào thực sự hiệu quả hơn.
Checklist trước khi xuất file banner
- Đã kiểm tra banner ở kích thước nhỏ nhất sẽ hiển thị chưa? — chữ và nút CTA vẫn phải đọc được rõ.
- Có đúng một thông điệp chính và một CTA duy nhất không?
- Logo và màu sắc có khớp với nhận diện thương hiệu đang dùng trên website, mạng xã hội không?
- File xuất đúng định dạng và dung lượng cho phép của nền tảng chưa?
- Đã xem thử trên cả giao diện điện thoại và máy tính chưa? — bố cục đẹp trên máy tính chưa chắc đẹp trên điện thoại.
Đọc thêm: Poster quảng cáo · Thiết kế quảng cáo
Câu hỏi thường gặp
Kích thước banner quảng cáo Google Display chuẩn là bao nhiêu?
Theo Google Ad Manager, các kích thước có nhiều lượt đặt quảng cáo nhất gồm 728×90, 336×280, 300×250, 300×50 và 160×600. Nên chuẩn bị ít nhất vài kích thước này để tăng khả năng banner được hiển thị.
Có cần thiết kế riêng từng kích thước banner không?
Không bắt buộc nếu dùng định dạng responsive display ads của Google Ads — hệ thống tự co giãn từ ảnh, logo và nội dung bạn tải lên. Nhưng nếu muốn kiểm soát bố cục chặt chẽ ở mọi kích thước, vẫn nên thiết kế riêng từng kích thước quan trọng.
Banner quảng cáo Facebook có kích thước chuẩn riêng không?
Facebook không yêu cầu một bộ kích thước cố định như mạng hiển thị Google, nhưng ưu tiên tỷ lệ vuông hoặc dọc để chiếm nhiều diện tích màn hình khi xem trên điện thoại.
Vì sao banner nhiều chữ thường kém hiệu quả?
Người xem chỉ lướt qua banner trong thời gian rất ngắn, não chỉ kịp xử lý một thông điệp chính. Banner nhiều chữ khiến người xem không kịp đọc hết và thường bỏ qua toàn bộ banner.
Nên thiết kế bao nhiêu phiên bản banner cho một chiến dịch?
Không có số cố định, nhưng nên có ít nhất vài phiên bản hình ảnh/thông điệp khác nhau để thử nghiệm, vì khó biết trước phiên bản nào đối tượng mục tiêu phản hồi tốt hơn mà không thử thực tế.
Muốn banner quảng cáo đồng bộ nhận diện trên mọi nền tảng?
VIDCO thiết kế banner cho Google Display, Facebook và các kênh quảng cáo số khác, đảm bảo đúng kích thước chuẩn và khớp bộ nhận diện thương hiệu của bạn.