Facebook
Kháng nghị
Chọn sai kích thước banner là một trong những lỗi tốn kém nhất khi làm marketing như ảnh bị vỡ, hiển thị lệch, hoặc phải làm lại từ đầu chỉ vì quên mất nền tảng đó yêu cầu gì.
Bài này tổng hợp toàn bộ kích thước banner phổ biến cho website, mạng xã hội, quảng cáo Google Display Network và in ấn ngoài trời. Đọc xong, bạn biết luôn cần thiết kế file gì, tỷ lệ nào, và lưu ý gì khi xuất file, không cần tra mỗi lần nữa.
Tại sao kích thước banner chuẩn lại quan trọng?
Kích thước banner ảnh hưởng trực tiếp đến cách nội dung hiển thị với người xem. Một banner sai kích thước có thể bị cắt xén mất thông điệp chính, tải chậm vì file quá nặng, hoặc bị nền tảng từ chối khi chạy quảng cáo.
Ví dụ thực tế: một banner Facebook dạng feed được thiết kế theo tỷ lệ 16:9 (dạng ngang video) sẽ bị Facebook tự động crop phần trên và dưới. Nếu logo hoặc CTA nằm ở vùng đó, người xem không thấy được.
Với quảng cáo trả phí, sai kích thước còn khiến điểm chất lượng giảm, CPM tăng, và tỷ lệ click thấp hơn banner được tối ưu đúng. Ba lý do chính để chuẩn hóa kích thước banner ngay từ đầu:
- Đảm bảo hiển thị đúng trên mọi thiết bị và nền tảng
- Tiết kiệm thời gian chỉnh sửa lại sau khi đã thiết kế
- Đáp ứng yêu cầu kỹ thuật khi upload lên hệ thống quảng cáo
Các loại kích thước banner phổ biến
Kích thước banner website
Kích thước banner website trên máy tính để bàn (Desktop)
Trên desktop, banner website thường xuất hiện ở 3 vị trí chính: đầu trang (hero banner), sidebar và giữa nội dung (in-content). Mỗi vị trí có kích thước khác nhau.
| Vị trí | Kích thước phổ biến | Ghi chú |
| Hero banner (toàn màn hình) | 1920 × 600 px hoặc 1920 × 1080 px | Thường dùng slider đầu trang |
| Leaderboard (đầu trang) | 728 × 90 px | Chuẩn IAB phổ biến nhất |
| Rectangle (giữa nội dung) | 300 × 250 px | Hiệu quả cao nhất theo Google |
| Wide skyscraper (sidebar) | 160 × 600 px | Sidebar bên phải |
| Half page | 300 × 600 px | Diện tích lớn, thu hút tốt |
Kích thước 300 × 250 px (Medium Rectangle) được Google xác nhận là định dạng banner website có tỷ lệ lấp đầy (fill rate) cao nhất trên toàn hệ thống GDN, nên đây là kích thước cần ưu tiên thiết kế đầu tiên nếu bạn chỉ có ngân sách làm 1 size.
Kích thước banner website trên thiết bị di động (Mobile)
Hơn 60% lượng truy cập web hiện nay đến từ mobile. Bỏ qua kích thước banner mobile đồng nghĩa với việc bỏ qua phần lớn người dùng.
| Định dạng | Kích thước | Ghi chú |
| Mobile banner | 320 × 50 px | Nhỏ gọn, nằm đầu/cuối màn hình |
| Mobile leaderboard | 320 × 100 px | Cao hơn gấp đôi mobile banner |
| Large mobile banner | 320 × 480 px | Chiếm nửa màn hình, tỷ lệ click cao |
| Interstitial | 320 × 480 px hoặc 480 × 320 px | Toàn màn hình, hiện khi chuyển trang |
Với mobile banner, nguyên tắc quan trọng nhất là giữ text tối thiểu và CTA thật rõ. Người dùng mobile thường scroll nhanh, banner có quá nhiều chữ sẽ không ai đọc.
Kích thước banner website theo định dạng (Ngang, Dọc)
Kích thước banner ngang và kích thước banner dọc phục vụ hai mục đích khác nhau:
- Banner ngang (Horizontal): Phù hợp vị trí header, footer, giữa nội dung. Kích thước phổ biến: 728 × 90 px, 970 × 90 px, 320 × 50 px (mobile).
- Kích thước banner dọc (Vertical/Skyscraper): Phù hợp sidebar. Kích thước phổ biến: 120 × 600 px, 160 × 600 px, 300 × 600 px.
Banner dọc thường có thời gian hiển thị lâu hơn vì nằm cố định ở sidebar trong khi người dùng cuộn nội dung. Tuy nhiên, với xu hướng thiết kế web hiện đại (single column, mobile-first), nhiều website đã bỏ sidebar – cần xem xét layout từng website trước khi chọn định dạng dọc.
Kích thước banner quảng cáo Google Display Network (GDN)
Google GDN hỗ trợ hơn 20 kích thước banner khác nhau, nhưng 5 kích thước hiệu suất cao nhất theo Google là:
| Kích thước | Tên | Lý do hiệu quả |
| 300 × 250 px | Medium Rectangle | Fill rate cao, hiển thị được trên mobile lẫn desktop |
| 336 × 280 px | Large Rectangle | Diện tích lớn hơn, thu hút tốt hơn trong nội dung |
| 728 × 90 px | Leaderboard | Header chuẩn desktop |
| 300 × 600 px | Half Page | Tỷ lệ viewability cao |
| 320 × 100 px | Large Mobile Banner | Top performer trên mobile |
Nếu đang chạy Google Display Ads, bạn nên chuẩn bị ít nhất 3 kích thước: 300 × 250, 728 × 90 và 320 × 50 để đảm bảo phủ được phần lớn inventory. Bên cạnh banner tĩnh, Google cũng hỗ trợ Responsive Display Ads – bạn chỉ cần upload hình ảnh và logo, Google tự tạo ra nhiều định dạng phù hợp.
Kích thước banner trên các nền tảng mạng xã hội
Kích thước banner Facebook
Facebook hiển thị banner ở nhiều vị trí khác nhau, mỗi vị trí có yêu cầu riêng. Dưới đây là các kích thước banner Facebook quan trọng nhất:
| Vị trí | Kích thước khuyến nghị | Tỷ lệ |
| Ảnh bìa trang (Page Cover) | 820 × 312 px (desktop) / 640 × 360 px (mobile) | 16:9 |
| Ảnh đăng bài (Feed image) | 1200 × 630 px | 1.91:1 |
| Quảng cáo Feed | 1080 × 1080 px | 1:1 |
| Quảng cáo Stories | 1080 × 1920 px | 9:16 |
| Quảng cáo Right Column | 254 × 133 px | – |
| Marketplace | 1200 × 628 px | 1.91:1 |
Lưu ý: Facebook giới hạn diện tích text trong ảnh quảng cáo – text không nên chiếm quá 20% diện tích ảnh để tránh giảm reach. Tìm hiểu thêm về kích thước ảnh đăng Facebook và kích thước ảnh bìa Facebook chuẩn để có hướng dẫn chi tiết hơn.
Kích thước banner Instagram
Instagram ưu tiên hình ảnh chất lượng cao, và kích thước banner Instagram cũng đa dạng theo từng vị trí đặt quảng cáo:
| Vị trí | Kích thước | Tỷ lệ |
| Feed vuông | 1080 × 1080 px | 1:1 |
| Feed ngang | 1080 × 566 px | 1.91:1 |
| Feed dọc | 1080 × 1350 px | 4:5 |
| Stories / Reels | 1080 × 1920 px | 9:16 |
| Explore | 1080 × 1080 px | 1:1 |
Trên Instagram, định dạng dọc 4:5 (1080 × 1350 px) thường cho tỷ lệ engagement tốt hơn vì chiếm nhiều không gian màn hình hơn trong feed – một ưu thế đáng cân nhắc khi thiết kế quảng cáo.
Kích thước banner YouTube
YouTube có hai loại banner chính: Channel Art (ảnh bìa kênh) và In-stream Ads (quảng cáo trong video).
| Định dạng | Kích thước | Ghi chú |
| Channel Art | 2560 × 1440 px | Safe zone cho mọi thiết bị: 1546 × 423 px ở giữa |
| Display Ads (cột phải) | 300 × 250 px hoặc 300 × 60 px | Hiện trên desktop |
| Overlay Ads | 480 × 70 px | Hiện ở 20% dưới video |
| Masthead | 970 × 250 px | Homepage YouTube, đặt hàng trực tiếp |
Channel Art trên YouTube hiển thị khác nhau tùy thiết bị. “Safe zone” ở giữa (1546 × 423 px) là vùng luôn hiển thị trên mọi màn hình – đặt logo và tagline vào đây thay vì hai bên cạnh.
Kích thước banner LinkedIn
LinkedIn là nền tảng B2B, banner ở đây thường hướng đến đối tượng doanh nghiệp. Kích thước banner LinkedIn phổ biến:
| Định dạng | Kích thước | Ghi chú |
| Ảnh bìa công ty | 1128 × 191 px | Cover page doanh nghiệp |
| Sponsored Content | 1200 × 627 px | Feed ads |
| Ảnh vuông feed | 1200 × 1200 px | Tỷ lệ 1:1 |
| Stories | 1080 × 1920 px | 9:16 |
| Dynamic Ads | 100 × 100 px (logo) | Dạng cá nhân hóa |
Kích thước banner in ấn và ngoài trời
Kích thước banner treo ngoài trời
Banner treo ngoài trời cần kích thước lớn để nhìn rõ từ xa. Không có một chuẩn chung duy nhất – kích thước phụ thuộc vào vị trí và mục đích treo.
| Loại | Kích thước phổ biến | Ghi chú |
| Banner dọc treo cột | 0.8 × 2 m hoặc 1 × 3 m | Treo dọc theo cột điện, cột đèn |
| Băng rôn ngang đường | 1 × 5 m đến 1 × 10 m | Căng ngang đường phố |
| Billboard lớn | 3 × 8 m đến 6 × 18 m | Vị trí cao, nhìn từ xa |
| Backdrop sân khấu | 4 × 8 m đến 6 × 12 m | Sự kiện, hội nghị |
Với banner ngoài trời, độ phân giải file thiết kế nên ở mức 150 DPI (thay vì 72 DPI của banner web). Tuy nhiên, với kích thước billboard lớn (từ 3m trở lên), in ở 72–100 DPI vẫn đủ vì khoảng cách nhìn xa.
Kích thước banner treo trong nhà
Banner trong nhà thường được xem ở khoảng cách gần hơn, nên yêu cầu độ phân giải cao hơn so với banner ngoài trời.
| Loại | Kích thước phổ biến | Ghi chú |
| Roll-up / Pull-up | 0.8 × 2 m hoặc 0.85 × 2 m | Phổ biến nhất tại sự kiện |
| X-banner | 0.6 × 1.6 m | Nhỏ gọn, dễ di chuyển |
| Pop-up display | 2.3 × 2.3 m | Gian hàng triển lãm |
| Retractable banner | 0.9 × 2 m | Tự cuộn, dễ mang theo |
Roll-up 0.8 × 2 m là kích thước banner trong nhà được dùng phổ biến nhất tại Việt Nam. Khi thiết kế roll-up, chừa lề trên và dưới khoảng 5–10 cm vì phần này thường bị cơ cấu khung che khuất.
Các kích thước banner in ấn phổ biến khác
Ngoài banner, các vật phẩm in ấn marketing khác cũng có chuẩn kích thước riêng:
| Vật phẩm | Kích thước phổ biến | Độ phân giải |
| Flyer / Tờ rơi | A5 (148 × 210 mm) hoặc A4 (210 × 297 mm) | 300 DPI |
| Poster | A3 (297 × 420 mm) hoặc 50 × 70 cm | 300 DPI |
| Standee | 60 × 160 cm hoặc 80 × 180 cm | 150–200 DPI |
| Card visit | 90 × 50 mm | 300 DPI |
| Brochure gấp 3 | A4 chia 3 phần bằng nhau | 300 DPI |
Tất cả file in ấn cần xuất ở định dạng CMYK (không phải RGB như banner web) và ở độ phân giải tối thiểu 300 DPI để in không bị vỡ nét.
>> Xem thêm: Tỷ lệ 16:9 là gì? So sánh khung hình 16:9 và 4:3 trong quảng cáo
Những lưu ý khi thiết kế banner hiệu quả
Tối ưu hóa hình ảnh và dung lượng file
Dung lượng file ảnh ảnh hưởng đến tốc độ tải trang và tốc độ tải trang ảnh hưởng đến cả trải nghiệm người dùng lẫn SEO.
Nguyên tắc cơ bản:
- Banner web tĩnh: Dưới 150 KB. Dùng định dạng JPG cho ảnh có nhiều màu sắc, PNG cho ảnh có nền trong suốt.
- Banner animated (GIF/WebP): Dưới 1 MB. WebP nén tốt hơn GIF khoảng 30% mà chất lượng tương đương.
- Banner Google Ads: Tối đa 150 KB theo chính sách Google.
- Banner Facebook Ads: Tối đa 30 MB cho hình tĩnh, nhưng thực tế nên giữ dưới 1 MB để tải nhanh.
Công cụ nén ảnh miễn phí: TinyPNG, Squoosh (Google), hoặc dùng tính năng “Export for Web” trong Photoshop với chế độ Save for Web.
Đảm bảo tính tương thích trên đa thiết bị
Một banner trông đẹp trên desktop có thể hiển thị lệch hoàn toàn trên mobile nếu không có chiến lược thiết kế rõ ràng.
Cách xử lý phổ biến:
- Thiết kế safe zone – vùng an toàn ở giữa banner, chứa thông tin quan trọng như logo, headline và CTA. Các vùng rìa chỉ dùng cho background.
- Tạo ít nhất 2 phiên bản: một cho desktop, một cho mobile. Đừng chỉ scale xuống vì text sẽ quá nhỏ.
- Test banner trên nhiều kích thước màn hình trước khi publish. Chrome DevTools có công cụ Device Emulation miễn phí cho việc này.
Chú ý đến nội dung và thông điệp
Kích thước đúng nhưng nội dung rối thì banner vẫn kém hiệu quả. Một banner tốt thường chỉ có 1 thông điệp chính, 1 hình ảnh mạnh và 1 CTA rõ ràng.
Lỗi phổ biến về nội dung:
- Chèn quá nhiều chữ khiến người xem không biết cần nhìn vào đâu trước
- CTA mờ nhạt hoặc không có CTA (người xem không biết làm gì tiếp theo)
- Hình ảnh không liên quan đến thông điệp, gây mất tập trung
Quy tắc “3 giây”: người xem chỉ nhìn vào banner trong 3 giây hoặc ít hơn. Nếu trong 3 giây họ không hiểu banner nói gì thì banner đó cần làm lại.
Sử dụng màu sắc và font chữ phù hợp
Màu sắc cần đủ tương phản để đọc được trên mọi nền. Tối thiểu hãy đảm bảo tỷ lệ tương phản màu giữa text và nền đạt chuẩn WCAG AA (4.5:1 cho text nhỏ). Công cụ kiểm tra: WebAIM Contrast Checker.
Font chữ cho banner nên ưu tiên sans-serif (như Inter, Helvetica, Montserrat) vì dễ đọc hơn ở kích thước nhỏ và trên màn hình độ phân giải thấp. Tránh dùng font chữ viết tay hoặc decorative cho phần body text – chỉ dùng cho heading nếu muốn tạo điểm nhấn.
Kích thước font tối thiểu: 14px cho text phụ, 20–24px trở lên cho headline trên banner desktop. Với mobile banner nhỏ (320 × 50 px), thường chỉ đủ chỗ cho logo + 1 dòng CTA ngắn.
Công cụ thiết kế banner chuyên nghiệp
Canva
Canva là lựa chọn phổ biến nhất cho người không chuyên về thiết kế. Điểm mạnh là có sẵn template cho hầu hết kích thước banner phổ biến từ Facebook Ads đến LinkedIn Cover đến Google Display Ads và giao diện kéo thả dễ dùng.
Canva có phiên bản miễn phí đủ dùng cho cá nhân. Phiên bản Pro (trả phí) mở thêm tính năng Remove Background, Magic Resize (tự động scale banner sang nhiều kích thước từ 1 design), và Brand Kit để lưu màu sắc + font thương hiệu.
Phù hợp với: marketer, small business, content creator cần tạo banner nhanh mà không cần kỹ năng thiết kế.
Adobe Photoshop/Illustrator
Adobe Photoshop và Illustrator là công cụ chuyên nghiệp cho banner chất lượng cao.
- Photoshop: Mạnh về xử lý ảnh, retouch, và thiết kế banner raster (pixel-based). Phù hợp với banner web và in ấn có nhiều ảnh.
- Illustrator: Mạnh về đồ họa vector – logo, icon, infographic. File vector có thể scale lên bất kỳ kích thước nào mà không vỡ. Lý tưởng cho banner in ấn lớn (billboard, backdrop).
Cả hai đều có trong gói Adobe Creative Cloud. Chi phí cao hơn Canva nhưng cho phép tùy chỉnh hoàn toàn và xuất file chất lượng cao cho in ấn (CMYK, 300 DPI).
Figma/Sketch
Figma ban đầu được thiết kế cho UI/UX nhưng hiện được dùng rộng rãi để thiết kế banner, đặc biệt trong các team design cần cộng tác thời gian thực.
Ưu điểm nổi bật: làm việc trực tiếp trên trình duyệt, chia sẻ file bằng link, comment trực tiếp trên design, và hỗ trợ component/symbol để tái sử dụng element. Figma miễn phí cho đến 3 project đang hoạt động.
Sketch chỉ có trên macOS, phổ biến trong các công ty thiết kế sản phẩm. Ít được dùng hơn Figma kể từ khi Figma ra mắt tính năng cộng tác.
Câu hỏi thường gặp về kích thước banner
Kích thước banner tối ưu nhất là bao nhiêu?
Không có một kích thước banner tối ưu duy nhất – phụ thuộc vào nơi bạn dùng banner đó.
Tuy nhiên, nếu cần chọn một kích thước để bắt đầu:
- Web/Google Ads: 300 × 250 px (Medium Rectangle) – fill rate cao nhất, chạy được cả mobile lẫn desktop
- Social Media: 1080 × 1080 px – vuông, dùng được trên Facebook, Instagram, LinkedIn
- In ấn trong nhà: 80 × 200 cm (roll-up) – phổ biến nhất tại Việt Nam
Nếu chạy quảng cáo đa nền tảng, ưu tiên thiết kế theo tỷ lệ 1:1 và 9:16 trước – hai tỷ lệ này phủ được phần lớn vị trí quảng cáo trên Facebook, Instagram và Stories.
Làm thế nào để banner không bị vỡ ảnh?
Ảnh banner bị vỡ (pixel hóa) thường do một trong hai nguyên nhân:
Nguyên nhân 1: Kéo ảnh lên kích thước lớn hơn kích thước gốc. Ảnh raster (JPG, PNG) không thể phóng to mà không mất chất lượng. Giải pháp: luôn thiết kế ở kích thước đầu ra thực tế, không phải kích thước nhỏ hơn rồi scale lên sau.
Nguyên nhân 2: Độ phân giải quá thấp. Ảnh 72 DPI ổn trên web nhưng sẽ vỡ khi in. Giải pháp: thiết kế banner in ở 300 DPI, và dùng file vector (AI, EPS, SVG) cho logo/icon thay vì ảnh raster.
Cách kiểm tra: xem ảnh ở 100% zoom trong Photoshop. Nếu ảnh vỡ ở 100% thì in sẽ vỡ. Nếu ảnh nét ở 100% thì ổn.
Có cần thiết kế banner riêng cho từng kênh?
Có, nhưng không nhất thiết phải tạo từ đầu cho mỗi kênh. Cách làm hiệu quả nhất là thiết kế một master file theo kích thước lớn nhất (ví dụ: 1920 × 1080 px), sau đó điều chỉnh crop và layout cho từng kích thước nhỏ hơn.
Công cụ hỗ trợ resize nhanh: tính năng Magic Resize trên Canva Pro, hoặc dùng script batch resize trong Photoshop (Actions + Image Processor). Figma cũng cho phép export cùng một frame ra nhiều kích thước cùng lúc.
Về mặt nội dung: thông điệp có thể giữ nguyên, nhưng layout và mức độ chi tiết nên điều chỉnh theo kích thước. Banner 300 × 250 không đủ chỗ để hiển thị mọi thứ như banner 1920 × 600.
Nắm đúng kích thước banner giúp bạn tiết kiệm thời gian làm đi làm lại, tránh bị nền tảng từ chối, và đảm bảo banner hiển thị đúng với người xem.
Nếu bạn đang chạy quảng cáo trên Google hoặc Facebook và muốn banner hiệu quả hơn, việc có đúng kích thước chỉ là bước đầu. Chiến lược targeting, nội dung quảng cáo và cấu trúc chiến dịch mới là yếu tố quyết định kết quả. Nếu cần hỗ trợ thiết lập và tối ưu quảng cáo bài bản, xem thêm dịch vụ quảng cáo Google Ads và quảng cáo Facebook Ads của Advertising Agency – đội ngũ sẽ tư vấn miễn phí cho bạn.
