Banner size là kích thước chiều rộng và chiều cao của một banner, thường được đo bằng pixel đối với thiết kế digital. Chọn đúng kích thước giúp hình ảnh hiển thị rõ nét, không bị cắt nội dung và phù hợp với vị trí quảng cáo trên website hoặc mạng xã hội.
Không có một banner size dùng tốt cho mọi nền tảng. Doanh nghiệp cần xác định banner sẽ xuất hiện ở đâu, trên thiết bị nào và phục vụ mục tiêu nhận diện, thu hút lượt nhấp hay chuyển đổi.
Banner size là gì?
Banner size là thông số mô tả chiều rộng và chiều cao của banner, chẳng hạn 1200 × 628 px hoặc 300 × 250 px. Thông số đầu tiên là chiều rộng, thông số thứ hai là chiều cao. Kích thước này ảnh hưởng trực tiếp đến bố cục, độ sắc nét và khả năng hiển thị trên từng vị trí.
Trong thiết kế digital, banner size thường được thể hiện bằng pixel. Với banner in ấn, đơn vị phổ biến hơn là centimet, mét hoặc milimet và cần xác định thêm độ phân giải DPI.
Một banner hoàn chỉnh thường có các yếu tố:
- Hình ảnh hoặc màu nền.
- Logo và nhận diện thương hiệu.
- Tiêu đề truyền tải thông điệp chính.
- Nội dung bổ trợ ngắn gọn.
- Nút hoặc lời kêu gọi hành động.
- Khoảng trống giúp bố cục dễ đọc.
Kích thước chỉ là nền tảng kỹ thuật. Banner muốn tạo hiệu quả còn phải truyền đạt đúng thông điệp, phù hợp với hành vi người xem và có thiết kế nhất quán với chiến dịch marketing.
Vì sao phải chọn đúng kích thước banner?
Chọn đúng kích thước banner giúp thiết kế được hiển thị đầy đủ, sắc nét và đúng bố cục trên vị trí đã chọn. Ngược lại, banner sai tỷ lệ có thể bị kéo giãn, cắt mất logo, che nút kêu gọi hành động hoặc tạo khoảng trắng làm giảm tính chuyên nghiệp.
Banner size còn ảnh hưởng đến hiệu quả quảng cáo theo nhiều cách:
- Người xem đọc được thông điệp ngay trên màn hình nhỏ.
- Hình ảnh không bị méo hoặc giảm chất lượng.
- Nền tảng chấp nhận tệp quảng cáo dễ dàng hơn.
- Nội dung quan trọng không nằm ngoài vùng hiển thị.
- Đội thiết kế giảm thời gian chỉnh sửa nhiều phiên bản.
- Doanh nghiệp kiểm soát nhận diện tốt hơn trên các kênh.
Google sử dụng cả quảng cáo hình ảnh tải lên theo kích thước cố định và quảng cáo hiển thị thích ứng. Với định dạng thích ứng, hệ thống kết hợp hình ảnh, logo và nội dung để phù hợp với nhiều không gian quảng cáo khác nhau.
[Góc nhìn chuyên gia] Đừng bắt đầu thiết kế bằng câu hỏi “banner nên đẹp thế nào”. Hãy bắt đầu bằng vị trí hiển thị, thiết bị, mục tiêu và hành động mà người xem cần thực hiện.
Bảng banner size phổ biến cho website và quảng cáo
Các banner size phổ biến trên website gồm 300 × 250 px, 336 × 280 px, 728 × 90 px, 970 × 250 px, 160 × 600 px và 300 × 600 px. Mỗi kích thước phù hợp với một vị trí hiển thị riêng, từ đầu trang, giữa bài viết đến thanh bên.
| Banner size | Tên định dạng phổ biến | Vị trí phù hợp |
| 300 × 250 px | Medium Rectangle | Trong bài viết, sidebar |
| 336 × 280 px | Large Rectangle | Giữa hoặc cuối nội dung |
| 728 × 90 px | Leaderboard | Đầu trang trên desktop |
| 970 × 90 px | Large Leaderboard | Header website rộng |
| 970 × 250 px | Billboard | Đầu trang, chiến dịch nổi bật |
| 468 × 60 px | Standard Banner | Khu vực nội dung hẹp |
| 160 × 600 px | Wide Skyscraper | Sidebar dọc |
| 300 × 600 px | Half Page | Sidebar, quảng cáo nổi bật |
| 320 × 50 px | Mobile Banner | Đầu hoặc cuối màn hình mobile |
| 320 × 100 px | Large Mobile Banner | Website trên điện thoại |
Đây là các kích thước tham khảo phổ biến cho quảng cáo hiển thị tải lên. Google Ads hỗ trợ nhiều định dạng vuông, chữ nhật, dọc, leaderboard và mobile; trong đó 300 × 250 px, 336 × 280 px, 728 × 90 px và 970 × 250 px là những lựa chọn thường gặp.
Doanh nghiệp không cần thiết kế toàn bộ kích thước ngay từ đầu. Hãy ưu tiên những vị trí website thực sự có lưu lượng truy cập và kiểm tra dữ liệu trước khi mở rộng bộ banner.
Banner size cho Google Ads nên chọn thế nào?
Với Google Ads, doanh nghiệp có thể sử dụng banner tĩnh đúng kích thước vị trí hoặc cung cấp hình ảnh theo tỷ lệ để hệ thống tự điều chỉnh. Quảng cáo hiển thị thích ứng thường phù hợp khi cần tiếp cận nhiều vị trí mà không phải thiết kế hàng chục phiên bản riêng.
Các kích thước hình ảnh được Google đề xuất cho quảng cáo hiển thị thích ứng gồm:
- Hình ngang 1,91:1: 1200 × 628 px.
- Kích thước ngang tối thiểu: 600 × 314 px.
- Hình vuông 1:1: 1200 × 1200 px.
- Kích thước vuông tối thiểu: 300 × 300 px.
- Logo vuông: tỷ lệ 1:1.
- Logo ngang: tỷ lệ 4:1.
Google cho biết hình ngang 1200 × 628 px và hình vuông 1200 × 1200 px là kích thước được khuyến nghị cho tài sản hình ảnh của quảng cáo hiển thị thích ứng.
Dù hệ thống có thể tự điều chỉnh, designer vẫn nên giữ chủ thể, logo và thông điệp quan trọng gần trung tâm. Một phần hình ảnh có thể bị cắt khi quảng cáo được đưa vào các không gian có tỷ lệ khác nhau.
Banner size cho Facebook, Instagram và YouTube
Banner trên mạng xã hội nên được thiết kế theo tỷ lệ hiển thị thay vì chỉ phụ thuộc vào một kích thước cố định. Với Facebook và Instagram, tỷ lệ 1:1, 4:5 và 9:16 đáp ứng phần lớn nhu cầu quảng cáo Feed, Stories và Reels. Với YouTube, banner kênh cần một vùng an toàn riêng.
Bộ kích thước dễ áp dụng gồm:
| Vị trí | Kích thước đề xuất | Tỷ lệ |
| Facebook/Instagram Feed vuông | 1080 × 1080 px | 1:1 |
| Facebook/Instagram Feed dọc | 1080 × 1350 px | 4:5 |
| Stories và Reels | 1080 × 1920 px | 9:16 |
| Ảnh quảng cáo ngang | 1200 × 628 px | 1,91:1 |
| YouTube channel banner | 2560 × 1440 px | 16:9 |
| YouTube banner tối thiểu | 2048 × 1152 px | 16:9 |
Meta hỗ trợ tỷ lệ 1:1 và 4:5 cho vị trí Feed, đồng thời khuyến nghị 4:5 đối với quảng cáo một hình ảnh theo chiều dọc. Stories thường sử dụng tỷ lệ 9:16 để tận dụng toàn bộ màn hình điện thoại.
YouTube khuyến nghị banner kênh có kích thước 2560 × 1440 px. Kích thước tải lên tối thiểu là 2048 × 1152 px, trong khi vùng chứa chữ và logo cần được đặt ở khu vực trung tâm để tránh bị cắt trên các thiết bị.
[Mẹo thực chiến] Với banner đa nền tảng, hãy thiết kế bản gốc có độ phân giải cao rồi tạo từng phiên bản theo tỷ lệ. Không nên kéo một banner ngang thành banner dọc vì bố cục và điểm nhìn sẽ bị phá vỡ.
Cách chọn banner size phù hợp cho chiến dịch
Muốn chọn đúng banner size, doanh nghiệp cần xác định vị trí hiển thị trước khi giao việc cho designer. Một banner dùng cho trang chủ sẽ có yêu cầu khác banner chạy Google Display, Facebook Feed hoặc Stories. Thông tin này nên được ghi rõ ngay từ giai đoạn lập brief.
Trước khi thiết kế, hãy trả lời năm câu hỏi:
- Banner xuất hiện trên nền tảng nào?
- Vị trí hiển thị là header, sidebar, Feed hay Stories?
- Người xem chủ yếu dùng desktop hay điện thoại?
- Mục tiêu là nhận diện, thu hút lượt nhấp hay bán hàng?
- Nền tảng yêu cầu kích thước, tỷ lệ và dung lượng bao nhiêu?
Các thông tin trên cần được thể hiện rõ trong tài liệu giao việc. Doanh nghiệp có thể tham khảo bài viết brief là gì để xây dựng yêu cầu thiết kế đầy đủ và hạn chế việc sửa đi sửa lại.
Nếu chưa có dữ liệu, hãy chuẩn bị tối thiểu ba tỷ lệ: 1:1 cho vị trí vuông, 4:5 hoặc 9:16 cho màn hình dọc và 1,91:1 cho vị trí ngang. Bộ tỷ lệ này có thể đáp ứng phần lớn chiến dịch digital phổ biến.
Checklist thiết kế banner không bị cắt nội dung
Một banner đúng kích thước vẫn có thể hiển thị kém nếu nội dung nằm sát mép, chữ quá nhỏ hoặc dung lượng tệp quá lớn. Vì vậy, designer cần kiểm tra cả thông số kỹ thuật lẫn trải nghiệm xem thực tế trước khi xuất bản.
Checklist trước khi bàn giao:
- Kích thước đúng với vị trí hiển thị.
- Tỷ lệ khung hình không bị thay đổi.
- Logo và tiêu đề nằm trong vùng an toàn.
- Chữ đủ lớn để đọc trên điện thoại.
- Thông điệp chính có thể hiểu trong vài giây.
- Nút CTA nổi bật nhưng không chiếm quá nhiều diện tích.
- Hình ảnh không bị vỡ hoặc kéo giãn.
- Dung lượng đã được tối ưu.
- Màu sắc và font chữ đúng bộ nhận diện.
- Đã xem thử trên cả desktop và mobile.
- Có tên tệp rõ ràng để quản lý phiên bản.
- Đã kiểm tra chính sách của nền tảng trước khi chạy quảng cáo.
Với website responsive, cần xem banner ở nhiều chiều rộng màn hình. Đừng chỉ thu nhỏ trình duyệt rồi kết luận thiết kế đã phù hợp, vì banner có thể được crop hoặc thay đổi bố cục theo cấu hình của website.
Những lỗi thường gặp khi sử dụng banner size
Lỗi phổ biến nhất là dùng cùng một tệp banner cho mọi vị trí. Cách làm này tiết kiệm thời gian ban đầu nhưng dễ khiến chữ bị cắt, sản phẩm mất trọng tâm và nút CTA nằm ngoài vùng hiển thị khi chuyển từ desktop sang mobile.
Một số lỗi khác gồm:
- Nhầm thứ tự giữa chiều rộng và chiều cao.
- Xuất ảnh có kích thước nhỏ rồi phóng lớn.
- Đặt quá nhiều chữ vào một banner.
- Không chừa vùng an toàn quanh logo và CTA.
- Dùng banner ngang cho Stories hoặc Reels.
- Thiết kế đúng kích thước nhưng sai dung lượng.
- Không cập nhật thông số khi nền tảng thay đổi.
- Không thử nghiệm nhiều bố cục trong cùng chiến dịch.
Banner cần được đánh giá bằng dữ liệu thay vì sở thích cá nhân. Tỷ lệ nhấp, lượt chuyển đổi, thời gian xem và chi phí quảng cáo sẽ cho biết phiên bản nào thực sự phù hợp với người dùng.
Câu hỏi thường gặp về banner size
Banner size được tính bằng đơn vị nào?
Banner digital thường được tính bằng pixel, ký hiệu là px. Banner in ấn có thể dùng centimet, milimet hoặc mét. Khi in, doanh nghiệp còn cần quan tâm đến DPI, hệ màu và khoảng tràn lề để hình ảnh sau khi sản xuất không bị mờ hoặc cắt sai vị trí.
Banner website nên dùng kích thước nào?
Không có một kích thước bắt buộc cho mọi website. Banner đầu trang có thể dùng tỷ lệ ngang như 1920 × 600 px, trong khi banner quảng cáo trong bài thường dùng 300 × 250 px hoặc 336 × 280 px. Kích thước cuối cùng phải dựa trên giao diện và vùng chứa thực tế.
Banner 1200 × 628 px dùng để làm gì?
Kích thước 1200 × 628 px có tỷ lệ gần 1,91:1, thường được dùng cho quảng cáo hình ảnh ngang, bài chia sẻ liên kết và tài sản quảng cáo hiển thị thích ứng. Thiết kế nên đặt nội dung quan trọng gần trung tâm vì một số nền tảng có thể điều chỉnh hoặc cắt nhẹ hình ảnh.
Có nên dùng một banner cho cả desktop và mobile?
Không nên dùng một bố cục cố định cho cả hai thiết bị nếu khu vực hiển thị khác nhau đáng kể. Doanh nghiệp nên chuẩn bị phiên bản ngang cho desktop và phiên bản vuông hoặc dọc cho mobile. Cách này giúp chữ dễ đọc và giữ được chủ thể chính trên màn hình nhỏ.
Làm sao giảm dung lượng banner mà không bị mờ?
Hãy xuất ảnh đúng kích thước cần dùng, chọn định dạng phù hợp và nén tệp trước khi tải lên. JPG phù hợp với ảnh nhiều màu, PNG hữu ích khi cần nền trong suốt, còn WebP thường có dung lượng nhẹ cho website. Không nên nén quá mức khiến chữ và chi tiết bị nhòe.
Kết luận
Banner size phù hợp giúp hình ảnh hiển thị rõ nét, bảo vệ bố cục và cải thiện trải nghiệm người xem trên từng nền tảng. Thay vì tìm một kích thước dùng cho tất cả, doanh nghiệp nên xác định vị trí, thiết bị và mục tiêu trước khi thiết kế.
Tandigi khuyến nghị xây dựng bộ banner theo các tỷ lệ cốt lõi, kết hợp vùng an toàn và kiểm thử trên thiết bị thực tế. Khi kích thước, thông điệp và CTA được tối ưu đồng bộ, banner sẽ trở thành công cụ hỗ trợ nhận diện và chuyển đổi hiệu quả hơn trong chiến dịch marketing.
Thông tin liên hệ:
🏢 Địa chỉ: 02 Đường số 7, Khu Đô Thị Vạn Phúc- Tp.Thủ Đức
🌐 Website: https://tandigi.com
🌐 Fanpage: https://www.facebook.com/tandigiagency/
📩 Email: [email protected]
📞 Số điện thoại: 0908 364 575
Tân Nguyễn là CEO Tandigi, với hơn 15 năm kinh nghiệm trong lĩnh vực Digital Marketing. Anh đã tư vấn và triển khai chiến lược tiếp thị số cho hàng trăm doanh nghiệp trong và ngoài nước. Với tư duy chiến lược và sự am hiểu sâu sắc về thị trường, Tân Nguyễn là một trong những chuyên gia hàng đầu trong ngành.