Blog

Banner là gì? Kích thước banner chuẩn và mẹo thiết kế hữu ích

image - Banner là gì? Kích thước banner chuẩn và mẹo thiết kế hữu ích

Trong thế giới marketing hiện đại, banner là một công cụ quan trọng giúp doanh nghiệp truyền tải thông điệp của mình đến người tiêu dùng một cách nhanh chóng và hiệu quả. Tuy nhiên, không phải ai cũng hiểu rõ về các loại banner, kích thước chuẩn cũng như các mẹo thiết kế để tối ưu hóa hiệu quả quảng cáo. Trong bài viết này, cùng colorME tìm hiểu về banner là gì, kích thước của các loại banner phổ biến, và những mẹo thiết kế banner hữu ích nhé!

Banner là gì?

Banner là một hình thức quảng cáo bằng hình ảnh hoặc văn bản, dùng để truyền tải thông điệp, quảng bá sản phẩm hoặc sự kiện. Banner có thể xuất hiện ở nhiều nơi: trên website, mạng xã hội, trong các sự kiện, hoặc trên các biển quảng cáo ngoài trời. Mục tiêu chính của banner là thu hút sự chú ý của người xem và khuyến khích họ hành động, ví dụ như nhấp chuột vào quảng cáo hoặc tham gia sự kiện.

Nói ngắn gọn: "tấm banner" là bản in treo ngoài đời thật, còn "ảnh banner" là file hình đặt trên website, Facebook, YouTube. Cả hai đều có chung ba thứ: một thông điệp ngắn, một hình ảnh chính và một lời kêu gọi hành động. Từ này viết đúng là banner (hai chữ n), không phải "baner" hay "bannner".

Kích thước banner dùng nhiều nhất (chi tiết và nguồn ở các phần bên dưới, ColorME đối chiếu ngày 13/10/2026):

Dùng ở đâuKích thướcGhi chú
Quảng cáo trên website (Google)300 × 250, 336 × 280, 728 × 90, 300 × 600, 320 × 100 px5 cỡ Google AdSense xếp vào nhóm hiệu quả nhất
Ảnh bìa Trang Facebook851 × 315 pxJPG sRGB, dưới 100 KB
Quảng cáo ảnh Facebook, Instagram1440 × 1800 px (tỉ lệ 4:5)JPG hoặc PNG
Banner kênh YouTube2560 × 1440 pxVùng an toàn cho chữ và logo: 1235 × 338 px
Ảnh bìa Trang LinkedIn1512 × 256 pxPNG hoặc JPEG, tối đa 3 MB
Banner in treo ngang1 × 4 m hoặc 0,8 × 3 mCỡ thường gặp, không phải tiêu chuẩn bắt buộc
Banner in dọc0,6 × 1,6 m, 0,8 × 1,8 m hoặc 0,8 × 2 mCỡ thường gặp, không phải tiêu chuẩn bắt buộc

Banner là gì: ví dụ một thiết kế banner quảng cáo

Banner - thiết kế được dùng để truyền tải thông điệp, quảng bá sản phẩm hoặc sự kiện (Nguồn ảnh: S’Pencil Branding)

Banner khác gì poster, backdrop, standee và băng rôn?

Năm tên gọi này hay bị dùng lẫn vì đều là ấn phẩm quảng cáo khổ lớn. Khác nhau chủ yếu ở chỗ đặt, khoảng cách người xem và lượng thông tin. Các cỡ trong bảng là cỡ thường gặp ở xưởng in, không phải tiêu chuẩn bắt buộc.

LoạiLà gìThường đặt ở đâuHình dạng, kích thướcLượng nội dung
BannerẤn phẩm quảng cáo dạng ảnh, có bản online và bản inWebsite, mạng xã hội, mặt tiền cửa hàng, đường phố, sự kiệnNgang hoặc dọc. Online tính bằng pixel, bản in tính bằng métRất ít: một thông điệp, một hình, một lời kêu gọi
PosterTờ in để dán hoặc treo, người xem đứng gầnBảng tin, tường, quầy, rạp chiếu phimThường là khổ dọc theo khổ giấy như A3, A2Nhiều hơn banner: có thêm thời gian, địa điểm, chi tiết
BackdropPhông nền lớn phía sau sân khấu hoặc khu chụp ảnhHội nghị, lễ khai trương, tiệc cưới, sự kiệnKhổ ngang lớn, làm theo kích thước sân khấuTên sự kiện, logo, chủ đề
StandeeBanner dọc có chân đứng (chữ X, cuốn)Lối vào, sảnh, cạnh quầy thanh toánDọc, thường gặp 0,6 × 1,6 m và 0,8 × 1,8 mNgắn, đọc từ trên xuống
Băng rônDải vải hoặc bạt dài, chủ yếu là chữTreo ngang cổng, mặt tiền, hội trườngNgang và rất dài so với chiều caoMột câu khẩu hiệu hoặc lời chào mừng

Muốn phân biệt kỹ hơn, bạn đọc bài 3 điều cần nhớ để không nhầm poster và banner. Với hai loại ấn phẩm sự kiện, colorME có bài riêng về backdrop và về standee.

Các loại banner và kích thước chuẩn cho mỗi loại

Nếu bạn đã rõ banner là gì, cùng colorME tìm hiểu cụ thể hơn về các loại banner và kích thước chuẩn nhé! Banner có thể được phân loại theo nhiều cách khác nhau, chủ yếu dựa vào vị trí sử dụng và kích thước. Dưới đây là các loại banner phổ biến và kích thước cho từng loại.

Ghi chú của ColorME: các con số cho nền tảng online trong phần này được đối chiếu ngày 13/10/2026 với trang trợ giúp chính thức của từng nền tảng, có đường dẫn ngay trong bảng. Nền tảng thay đổi thông số khá thường xuyên, bạn nên bấm vào nguồn để xem lại trước khi làm một chiến dịch lớn.

#1. Banner online

Banner online thường được sử dụng trong thiết kế ấn phẩm cho các chiến dịch quảng cáo trực tuyến. Tùy vào nền tảng mà banner sẽ có kích thước khác nhau. Có ba nhóm chính: banner quảng cáo hiển thị trên website, banner trên mạng xã hội (ảnh bìa và ảnh quảng cáo) và banner đầu trang của chính website bạn.

Ví dụ banner online của một cửa hàng

Banner online - ấn phẩm không thể thiếu với mỗi doanh nghiệp (Nguồn ảnh: Etsy Vietnam)

Kích thước banner quảng cáo trên website (Google Ads)

Phần lớn banner quảng cáo bạn thấy trên báo điện tử và blog chạy qua Mạng hiển thị của Google. Google nhận file GIF, JPG hoặc PNG, mỗi file tối đa 150 KB, với đúng các kích thước sau (theo trang Uploaded display ads specifications của Google Ads):

NhómKích thước (px)Tên gọi của Google
Vuông và chữ nhật200 × 200Small square
Vuông và chữ nhật240 × 400Vertical rectangle
Vuông và chữ nhật250 × 250Square
Vuông và chữ nhật250 × 360Triple widescreen
Vuông và chữ nhật300 × 250Inline rectangle (còn gọi là medium rectangle)
Vuông và chữ nhật336 × 280Large rectangle
Vuông và chữ nhật580 × 400Netboard
Banner dọc120 × 600Skyscraper
Banner dọc160 × 600Wide skyscraper
Banner dọc300 × 600Half-page ad
Banner dọc300 × 1050Portrait
Banner ngang468 × 60Banner
Banner ngang728 × 90Leaderboard
Banner ngang930 × 180Top banner
Banner ngang970 × 90Large leaderboard
Banner ngang970 × 250Billboard
Banner ngang980 × 120Panorama
Di động300 × 50Mobile banner
Di động320 × 50Mobile banner
Di động320 × 100Large mobile banner

Không cần làm đủ 20 cỡ. Trang Guide to ad sizes của Google AdSense xếp 5 cỡ in đậm ở trên vào nhóm hiệu quả nhất: 300 × 250, 336 × 280, 728 × 90, 300 × 600 và 320 × 100. Mới bắt đầu, bạn làm 5 cỡ này trước.

Sơ đồ 11 kích thước banner quảng cáo Google vẽ đúng tỉ lệ: 970 × 250, 970 × 90, 728 × 90, 468 × 60, 320 × 50, 336 × 280, 300 × 250, 320 × 100, 300 × 600, 160 × 600 và 120 × 600 px, năm cỡ hiệu quả nhất tô vàng

11 cỡ banner Google hay gặp, vẽ chung một tỉ lệ. Ô vàng là 5 cỡ Google AdSense xếp vào nhóm hiệu quả nhất. Hình do ColorME tự dựng theo bảng của Google Ads.

Ghi chú của ColorME (10/2026): bản trước của bài gọi 160 x 600 là Skyscraper và 300 x 600 là Wide Skyscraper. Theo bảng của Google, Skyscraper là 120 x 600, Wide skyscraper là 160 x 600, còn 300 x 600 là Half-page. Bảng trên đã ghi theo tên của Google.

Nếu không muốn tự dàn từng cỡ, bạn dùng quảng cáo hiển thị thích ứng: tải ảnh lên và Google tự ghép thành quảng cáo. Google ghi cỡ ảnh ngang 1200 × 628 px (tỉ lệ 1.91:1, tối thiểu 600 × 314), ảnh vuông 1200 × 1200 px (tối thiểu 300 × 300), mỗi file tối đa 5120 KB (theo trang Create a responsive display ad).

Sơ đồ các kích thước banner website: 728x90, 320x50, 320x100, 300x250, 336x280, 160x600, 300x600, 970x90

Kích thước banner chuẩn cho website (Nguồn ảnh: SaiGon Web)

Kích thước banner Facebook, Instagram, YouTube, LinkedIn

Nền tảngVị tríKích thướcFile và dung lượngNguồn
FacebookẢnh bìa Trang851 × 315 px (tối thiểu 400 × 150 px)JPG sRGB dưới 100 KB tải nhanh nhất. Ảnh có logo hoặc chữ nên dùng PNGTrung tâm trợ giúp Facebook
FacebookQuảng cáo ảnh trên Bảng feed1440 × 1800 px, tỉ lệ 4:5 (rộng tối thiểu 600 px)JPG hoặc PNG, tối đa 30 MBHướng dẫn quảng cáo của Meta
InstagramQuảng cáo ảnh trên Bảng feed1440 × 1800 px, tỉ lệ 4:5. Chấp nhận tỉ lệ từ 4:5 đến 1.91:1, rộng tối thiểu 500 pxJPG hoặc PNG, tối đa 30 MBHướng dẫn quảng cáo của Meta
InstagramQuảng cáo ảnh trên Stories1440 × 2560 px, tỉ lệ 9:16 (rộng tối thiểu 500 px)JPG hoặc PNG, tối đa 30 MBHướng dẫn quảng cáo của Meta
YouTubeBanner kênhNên dùng 2560 × 1440 px. Tối thiểu 2048 × 1152 px, tỉ lệ 16:9. Vùng an toàn cho chữ và logo ở cỡ tối thiểu: 1235 × 338 pxTối đa 6 MBTrợ giúp YouTube
LinkedInẢnh bìa Trang công ty1512 × 256 pxPNG hoặc JPEG, tối đa 3 MBTrợ giúp LinkedIn
LinkedInẢnh bìa hồ sơ cá nhân1584 × 396 pxDưới 8 MBTrợ giúp LinkedIn
LinkedInQuảng cáo một ảnhNgang 1200 × 628 px (1.91:1) hoặc vuông 1200 × 1200 px (1:1)JPG, PNG hoặc GIF, tối đa 5 MBLinkedIn Ads Guide

Sơ đồ khung hình banner mạng xã hội: quảng cáo Stories 1440 × 2560 px tỉ lệ 9:16, quảng cáo Bảng feed 1440 × 1800 px tỉ lệ 4:5, banner kênh YouTube 2560 × 1440 px tỉ lệ 16:9, ảnh bìa Trang Facebook 851 × 315 px, ảnh bìa LinkedIn 1584 × 396 px và 1512 × 256 px

Sáu khung banner mạng xã hội trong bảng trên, mỗi khung vẽ đúng tỉ lệ rộng và cao của nó. Hình do ColorME tự dựng.

Ghi chú của ColorME (10/2026): bản trước của bài ghi kích thước banner Facebook là 1280 x 682 px. Con số này không có trong tài liệu hiện hành của Meta. Trang hướng dẫn quảng cáo của Meta hiện đề xuất ảnh dọc tỉ lệ 4:5, độ phân giải 1440 x 1800 px cho Bảng feed.

Bảng trên chưa có TikTok, Shopee và Lazada: ngày 13/10/2026 ColorME chưa đọc được con số kích thước ảnh trên trang tài liệu chính thức của ba nền tảng này, nên không ghi lại số từ nguồn khác. Bạn xem thông số ngay trong trình quản lý quảng cáo hoặc kênh người bán khi tải ảnh lên. Riêng ảnh bài đăng thường ngày trên Facebook, bạn xem bài kích thước ảnh đăng Facebook.

Kích thước banner đầu trang website (hero banner, slider)

Banner đầu trang của chính website bạn không có một kích thước chuẩn chung. Nó phụ thuộc vào giao diện: chiều rộng khung nội dung, chiều cao mà người làm web đặt cho khu vực đó, và cách ảnh bị cắt trên điện thoại. Cách làm chắc nhất là hỏi người làm web hai con số (rộng và cao của khung trên máy tính và trên điện thoại), rồi thiết kế đúng tỉ lệ đó. Giữ chữ và sản phẩm ở giữa ảnh, vì hai mép trái phải hay bị cắt khi màn hình hẹp lại.

Một trong những mẹo khi thiết kế banner cho website là cần thiết kế sao cho dung lượng của tập tin càng nhỏ càng tốt. Nếu dung lượng quá lớn, website sẽ bị chậm và làm người truy cập cảm thấy khó chịu. Vì vậy, việc tối ưu hóa dung lượng ảnh mà không làm giảm chất lượng là rất quan trọng.

#2. Banner đường phố

Banner đường phố là một trong những loại banner phổ biến trong quảng cáo ngoài trời. Đây là loại banner thường thấy ở các khu vực công cộng như phố xá, công viên, hoặc gần các cơ sở kinh doanh. Kích thước của banner đường phố sẽ thay đổi tùy thuộc vào vị trí đặt và nhu cầu quảng cáo:

  • Banner ngang: 1 x 4 m hoặc 0,8 x 3 m
  • Banner dọc: 0,6 x 1,6 m, 0,8 x 1,8 m hoặc 0,8 x 2 m

Đây là những cỡ thường gặp trong thực tế in ấn, không phải tiêu chuẩn bắt buộc. Xưởng in có thể in theo đúng kích thước bạn đo tại chỗ treo, nên hãy đo trước rồi mới thiết kế.

Năm cỡ banner in thường gặp vẽ chung một thước: banner ngang 1 × 4 m và 0,8 × 3 m, banner dọc 0,6 × 1,6 m, 0,8 × 1,8 m và 0,8 × 2 m

Năm cỡ banner in thường gặp đặt cạnh nhau theo đúng tỉ lệ. Mẫu minh hoạ là quán cà phê Nắng Xiên, một thương hiệu giả định. Hình do ColorME tự dựng. Ảnh trong mẫu: Barney Goodman / Unsplash.

Banner đường phố treo dọc theo tuyến phố

Banner đường phố (Nguồn ảnh: In Vĩnh Trị)

Các banner này thường được thiết kế để dễ dàng thay đổi nội dung, vì vậy doanh nghiệp có thể sử dụng chúng để quảng bá nhiều sự kiện khác nhau một cách linh hoạt. Khi thiết kế banner đường phố, hãy chắc chắn rằng thông điệp của bạn đủ lớn và dễ đọc từ xa. Các phông chữ phải rõ ràng, hình ảnh nổi bật và thông điệp phải ngắn gọn để người đi đường có thể tiếp nhận thông tin nhanh chóng.

Lưu ý: treo banner, băng rôn ở nơi công cộng phải theo quy định về quảng cáo ngoài trời của địa phương. Bạn hỏi đơn vị in hoặc cơ quan văn hóa nơi định treo trước khi đặt in.

#3. Banner ngoài trời

Banner ngoài trời có kích thước lớn và được sử dụng để thu hút sự chú ý từ xa. Thông thường, banner ngoài trời sẽ được chia thành hai loại: banner treo ngang và treo dọc. Kích thước phổ biến cho banner ngoài trời là:

  • Biển quảng cáo nhỏ: 3 x 1,5 m
  • Biển quảng cáo trung bình: 6 x 3 m
  • Biển quảng cáo lớn: 12 x 3 m
  • Banner sự kiện: 2 x 1 m hoặc 3 x 1 m
  • Áp phích đứng: 0,8 x 2 m

Cũng như banner đường phố, đây là các cỡ hay được đặt in chứ không phải quy chuẩn. Biển lớn thường làm theo khung sắt có sẵn tại vị trí thuê, nên kích thước cuối cùng do bên cho thuê vị trí cung cấp.

Banner quảng cáo ngoài trời khổ lớn

Banner ngoài trời - công cụ hiệu quả giúp tăng độ nhận diện thương hiệu (Nguồn ảnh: Haitugio)

Khi thiết kế banner ngoài trời, bạn nên đảm bảo rằng màu sắc của banner nổi bật và dễ nhận diện từ xa. Tránh sử dụng quá nhiều chi tiết nhỏ, thay vào đó, tập trung vào một thông điệp đơn giản, dễ hiểu và dễ nhớ.

#4. Banner báo chí

Banner báo chí thường được sử dụng trong các ấn phẩm in như tạp chí, báo chí và tờ rơi. Kích thước của banner báo chí thường được xác định bởi yêu cầu của từng ấn phẩm. Với ấn phẩm khổ A4, các vị trí thường chia như sau:

  • Trang đôi: 420 x 297 mm (bằng khổ A3)
  • Trang đơn: 210 x 297 mm (khổ A4)
  • Nửa trang ngang: 210 x 148 mm
  • Nửa trang dọc: 105 x 297 mm
  • Một phần tư trang: 105 x 148 mm

Mỗi tòa soạn có bảng kích thước và yêu cầu file riêng, bạn xin bảng này trước khi dàn trang. Khi thiết kế banner báo chí, bạn nên đảm bảo độ phân giải cao để hình ảnh in ra rõ nét, không bị mờ. Cần chú ý đến việc cân bằng giữa hình ảnh và nội dung, để không gây mất cân đối hoặc làm mất đi sự chuyên nghiệp của banner.

#5. Banner sự kiện

Ở hội thảo, lễ khai trương hay lễ tốt nghiệp, "banner" thường là một bộ gồm ba món: backdrop làm phông sân khấu hoặc khu chụp ảnh, standee đặt ở lối vào và banner hoặc băng rôn treo ngang để chào mừng. Cả bộ nên dùng chung màu, phông chữ và hình chính để khách nhận ra ngay là cùng một sự kiện. Kích thước lấy theo chỗ đặt thực tế: đo sân khấu, đo khoảng tường định treo, rồi báo số đo cho xưởng in.

Bố cục một banner gồm những gì?

Banner nào cũng dựng từ bốn thành phần và một nguyên tắc về lề. Hiểu vai trò của từng phần giúp bạn biết nên bỏ gì khi banner quá chật.

Thành phầnVai tròCách làm tốt
Tiêu đề (headline)Nói điều quan trọng nhất trong vài chữChữ lớn nhất banner, một ý duy nhất, đặt ở nơi mắt nhìn tới đầu tiên
Hình ảnh chínhKéo ánh nhìn và cho thấy sản phẩm hoặc cảm xúcMột hình rõ chủ thể, nền gọn, không ghép nhiều ảnh nhỏ
Lời kêu gọi hành động (CTA)Nói người xem cần làm gì tiếpBanner online: một nút có động từ như "Đăng ký", "Xem ngay". Banner in: số điện thoại, địa chỉ hoặc mã QR
LogoCho biết ai đang nóiNhỏ hơn tiêu đề, đặt ở góc, có khoảng trống xung quanh
Vùng an toànPhần chắc chắn không bị cắt hoặc bị cheĐặt chữ, logo và nút vào giữa, cách xa các mép

Bố cục một banner mẫu với năm phần được đánh dấu: tiêu đề, hình ảnh chính, lời kêu gọi hành động, logo và vùng an toàn

Năm phần của một banner trên cùng một mẫu: tiêu đề, hình ảnh chính, lời kêu gọi hành động, logo và vùng an toàn. Mẫu minh hoạ là quán cà phê Nắng Xiên, một thương hiệu giả định. Hình do ColorME tự dựng. Ảnh trong mẫu: Barney Goodman / Unsplash.

Vùng an toàn không phải cảm tính, nhiều nền tảng ghi rõ con số:

  • Banner kênh YouTube: ảnh tải lên tối thiểu 2048 x 1152 px nhưng chữ và logo chỉ nên nằm trong vùng 1235 x 338 px ở giữa, vì phần còn lại bị cắt trên một số thiết bị.
  • Quảng cáo Instagram Stories: Meta khuyên tránh đặt chữ, logo trong khoảng 14% phía trên, 35% phía dưới và 6% ở mỗi cạnh bên của ảnh 9:16.
  • Ảnh bìa Trang LinkedIn: LinkedIn khuyên đặt chi tiết quan trọng xa các mép, nhất là góc dưới bên phải, vì ảnh có thể bị cắt theo từng cỡ màn hình.
  • Banner in: chừa lề trong cho chữ và hỏi xưởng in phần mép dùng để đóng khoen, luồn dây hoặc dán, vì phần đó sẽ che mất nội dung.

Sơ đồ vùng an toàn: banner kênh YouTube 2048 × 1152 px với vùng 1235 × 338 px ở giữa cho chữ và logo, và quảng cáo Stories 9:16 với 14% phía trên, 35% phía dưới, 6% mỗi cạnh bên nên tránh đặt chữ

Vùng an toàn của banner kênh YouTube và của quảng cáo Stories, vẽ đúng tỉ lệ. Phần gạch chéo là nơi không nên đặt chữ, logo. Hình do ColorME tự dựng. Ảnh trong mẫu: Barney Goodman / Unsplash.

Quy trình thiết kế banner trong 7 bước

  1. Chốt mục tiêu và nơi đặt. Banner để bán hàng, mời dự sự kiện hay tăng nhận diện? Đặt ở đâu, người xem cách bao xa, nhìn trong mấy giây?
  2. Lấy đúng kích thước. Online: tra bảng ở trên theo nền tảng. In ấn: đo chỗ treo, hỏi xưởng in khổ in, lề và hệ màu.
  3. Viết nội dung trước khi vẽ. Một tiêu đề, tối đa một dòng phụ, một lời kêu gọi hành động. Nếu không đọc xong trong 3 giây thì cắt bớt.
  4. Chọn một hình ảnh chính. Ảnh sản phẩm hoặc ảnh người thật, đủ lớn so với kích thước banner. Cần đưa ảnh về đúng tỉ lệ 1:1, 4:5, 16:9 hay 9:16, bạn cắt nhanh bằng công cụ cắt ảnh của ColorME.
  5. Dàn bố cục theo thứ tự nhìn. Hình ảnh, tiêu đề, rồi CTA. Giữ mọi thứ quan trọng trong vùng an toàn và để lại khoảng trống.
  6. Kiểm tra màu và độ dễ đọc. Thu nhỏ banner trên màn hình hoặc lùi ra xa vài bước, nếu vẫn đọc được tiêu đề là đạt. Với banner online, bạn có thể đo màu chữ trên màu nền bằng công cụ kiểm tra độ tương phản. Mốc tham khảo của chuẩn WCAG là 4.5:1 cho chữ thường và 3:1 cho chữ lớn (theo W3C). Về cách chọn màu, bạn tham khảo bài phối màu banner từ 9 thương hiệu nổi tiếng.
  7. Xuất file đúng chuẩn. Online: đúng số pixel, đúng định dạng, dưới giới hạn dung lượng. In ấn: đúng kích thước thật, hệ màu và phần tràn lề theo yêu cầu của xưởng in.

Định dạng file và giới hạn dung lượng của banner online

Nơi đăngĐịnh dạngGiới hạn dung lượng
Google Ads, banner ảnh tải lênGIF, JPG, PNG150 KB
Google Ads, banner HTML5File ZIP chứa HTML600 KB
Google Ads, quảng cáo hiển thị thích ứngẢnh ngang và ảnh vuông5120 KB mỗi ảnh
Quảng cáo ảnh Facebook, InstagramJPG hoặc PNG30 MB
Ảnh bìa Trang FacebookJPG sRGB, hoặc PNG nếu có logo, chữDưới 100 KB để tải nhanh nhất
Banner kênh YouTubeẢnh không thêm viền, khung hay đổ bóng6 MB
Ảnh Trang LinkedInPNG hoặc JPEG3 MB
Quảng cáo một ảnh LinkedInJPG, PNG hoặc GIF5 MB

Các con số lấy từ chính những trang nguồn đã dẫn trong bảng kích thước ở trên. Với banner GIF động trên Google Ads, Google yêu cầu thêm: dài tối đa 30 giây, có thể lặp nhưng phải dừng sau 30 giây, và chậm hơn 5 khung hình mỗi giây.

Chọn định dạng nào cho banner trên website của bạn? Theo hướng dẫn chọn định dạng ảnh của web.dev (Google): ảnh chụp nên dùng JPEG, WebP hoặc AVIF nén có mất dữ liệu. Hình cần giữ chi tiết sắc như logo, chữ, nét vẽ nên dùng PNG hoặc WebP không mất dữ liệu. GIF chỉ có tối đa 256 màu và nặng hơn video nhiều, nên tránh dùng cho banner động trên web.

Banner in ấn: độ phân giải, hệ màu, tràn lề và chất liệu

Độ phân giải theo khoảng cách nhìn

Banner càng xem từ xa thì càng cần ít điểm ảnh trên mỗi inch (PPI), vì mắt không còn phân biệt được chi tiết nhỏ. Bảng dưới đây là khuyến nghị trong bài Large Format Printing Best Practices của HP (đăng ngày 17/3/2026). Khoảng cách gốc tính bằng feet, ColorME đổi sang mét và làm tròn.

Loại ấn phẩmKhoảng cách nhìnĐộ phân giải nên dùng (ở kích thước thật)
Banner ngoài trờiTừ 6 m trở lên (20 ft)50 đến 100 PPI
Poster và bannerKhoảng 1,5 đến 3 m (5 đến 10 ft)100 đến 150 PPI
Ấn phẩm gian hàng triển lãmKhoảng 1 đến 1,5 m (3 đến 5 ft)150 đến 200 PPI
Ấn phẩm xem sát, tranh nghệ thuậtDưới 0,6 m (2 ft)200 đến 300 PPI

Đây là khuyến nghị của một hãng máy in, không phải tiêu chuẩn. Xưởng in của bạn có thể yêu cầu khác, và yêu cầu của xưởng in là con số cuối cùng.

Sơ đồ độ phân giải in theo khoảng cách nhìn: dưới 0,6 m dùng 200 đến 300 PPI, 1 đến 1,5 m dùng 150 đến 200 PPI, 1,5 đến 3 m dùng 100 đến 150 PPI, từ 6 m trở lên dùng 50 đến 100 PPI

Bốn mức độ phân giải trong bảng trên, gắn vào một thước khoảng cách vẽ đúng tỉ lệ. Hình do ColorME tự dựng theo khuyến nghị của HP.

Ví dụ tính số pixel. Công thức: số pixel = chiều dài (cm) ÷ 2,54 × PPI. Một banner ngang 0,8 x 3 m treo ngoài phố, làm ở 100 PPI, cần file khoảng 3150 x 11811 px. Một standee 0,8 x 2 m đặt ở sảnh, người xem đứng cách chừng 1 đến 1,5 m, làm ở 150 PPI, cần khoảng 4724 x 11811 px. Không muốn bấm máy tính, bạn nhập chiều rộng, chiều cao và DPI vào công cụ tính cỡ in và số pixel của ColorME.

Hệ màu, tràn lề và file gửi in

  • Hệ màu: banner online dùng RGB. Với in khổ lớn, HP khuyên chuyển sang CMYK trước khi gửi, trừ khi xưởng in yêu cầu khác. Màu rực trên màn hình thường xỉn đi khi in, nên chuyển hệ màu sớm để thấy trước. Bạn đọc thêm bài hệ màu CMYK và RGB.
  • Tràn lề (bleed): là phần hình nền kéo dài ra ngoài đường cắt, để khi cắt lệch một chút cũng không lộ viền trắng. HP khuyên thêm 0,125 đến 0,25 inch, tức khoảng 3 đến 6 mm, ngoài kích thước thành phẩm. Banner bạt đóng khoen hoặc may biên thường cần chừa nhiều hơn, bạn hỏi xưởng in con số cụ thể.
  • Chữ và logo: giữ ở dạng vector khi có thể, để phóng lớn bao nhiêu cũng nét.
  • File gửi in: mỗi xưởng nhận một kiểu (PDF, TIFF, AI, JPG chất lượng cao). Hỏi trước định dạng, hệ màu và việc có cần chuyển chữ thành đường nét hay không.

Chất liệu thường gặp

  • Bạt hiflex: chất liệu quen thuộc nhất cho banner và băng rôn ngoài trời, chịu nắng mưa, thường đóng khoen hoặc căng trên khung sắt.
  • Giấy PP: bề mặt mịn, màu đẹp hơn bạt, hay dùng cho standee và poster trong nhà.
  • Decal: có lớp keo để dán lên kính, tường, bảng.
  • Vải: nhẹ, gấp gọn được, hay dùng cho backdrop sự kiện và băng rôn.

Độ bền, giá và cách gia công của từng loại khác nhau theo xưởng in. Bạn nói rõ banner treo trong nhà hay ngoài trời và treo trong bao lâu để xưởng tư vấn đúng chất liệu.

Các mẹo tối ưu thiết kế banner

Khi thiết kế một banner, ngoài việc lựa chọn đúng kích thước và vị trí, một yếu tố quan trọng khác quyết định hiệu quả của banner chính là cách thức thiết kế. Dưới đây là những mẹo thiết kế giúp bạn tạo ra những banner vừa bắt mắt vừa hiệu quả.

Chọn hình ảnh chất lượng cao

Hình ảnh là yếu tố quan trọng nhất trong bất kỳ thiết kế banner nào. Chất lượng hình ảnh phải sắc nét và đủ độ phân giải cho nơi sử dụng. Hình ảnh không chỉ giúp thu hút sự chú ý mà còn góp phần truyền tải thông điệp của thương hiệu.

Ghi chú của ColorME (10/2026): bản trước của bài ghi "tối thiểu 300 dpi cho in ấn và 72 dpi cho banner online". Với banner online, điều quyết định là số pixel của ảnh (ví dụ 1440 x 1800 px), con số dpi lưu trong file không làm ảnh nét hơn hay mờ đi trên màn hình. Với in ấn, 300 dpi đúng cho ấn phẩm xem gần như tờ rơi, tạp chí, còn banner khổ lớn xem từ xa dùng mức thấp hơn, theo bảng ở phần in ấn phía trên.

So sánh hình ảnh chất lượng cao và chất lượng thấp trong thiết kế banner

Hình ảnh chất lượng cao giúp thiết kế của bạn chuyên nghiệp hơn (Nguồn ảnh: Itamar Blauer)

Sử dụng phông chữ dễ đọc

Hãy chọn những phông chữ rõ ràng, không quá phức tạp và dễ đọc từ xa. Tránh sử dụng phông chữ quá điệu đà, khó đọc, đặc biệt là khi banner của bạn được đặt ở ngoài trời hoặc trên website. Một banner chỉ nên dùng một đến hai phông chữ.

Tối ưu hóa dung lượng hình ảnh cho banner online

Một lỗi thường gặp khi thiết kế banner online là sử dụng hình ảnh có dung lượng quá lớn, làm ảnh hưởng đến tốc độ tải trang web. Đây là yếu tố rất quan trọng khi người dùng trên internet có xu hướng bỏ qua những trang tải quá lâu. Hãy tối ưu hóa dung lượng của hình ảnh mà không làm giảm chất lượng hiển thị.

Các định dạng ảnh phổ biến như JPEG, PNG hoặc WebP có thể được tối ưu để giảm dung lượng mà vẫn giữ được chất lượng tốt. Công cụ như TinyPNG hoặc Photoshop có thể giúp giảm kích thước hình ảnh hiệu quả.

Để giảm dung lượng ảnh banner trước khi đăng, bạn có thể dùng công cụ nén ảnh của ColorME: nén, đổi sang JPG, PNG, WebP và thu nhỏ kích thước hàng loạt ngay trên trình duyệt, miễn phí.

Đảm bảo thông điệp ngắn gọn, rõ ràng và dễ hiểu

Khi thiết kế banner, bạn phải luôn nhớ rằng người xem chỉ có một vài giây để nhận thông tin từ banner. Do đó, thông điệp của bạn phải ngắn gọn, rõ ràng và dễ hiểu ngay lập tức.

Câu chủ đề trên banner phải mạnh mẽ và trực tiếp. Tránh sử dụng câu dài dòng, phức tạp mà hãy làm nổi bật ý tưởng chính. Ví dụ, thông điệp “giảm giá 50% chỉ trong hôm nay” sẽ ngắn gọn và hiệu quả hơn thông điệp “Khuyến mãi đặc biệt cho khách hàng trong thời gian giới hạn”.

Banner có thông điệp trực tiếp, ngắn gọn

Nên lựa chọn thông điệp trực tiếp, ngắn gọn dễ hiểu (Nguồn ảnh: printgo.vn)

Tạo không gian trống để tránh rối mắt

Đừng quá tham lam với việc nhồi nhét quá nhiều thông tin vào một banner. Hãy để không gian trống, giúp các yếu tố thiết kế "thở" và giúp người xem dễ dàng tiếp nhận thông điệp. Hãy chỉ giữ lại những yếu tố quan trọng nhất và loại bỏ những chi tiết không cần thiết. Điều này không chỉ giúp banner trở nên gọn gàng mà còn giúp người xem dễ dàng tiếp nhận thông tin.

Những lỗi thường gặp khi làm banner

  • Dùng một file cho mọi nơi. Kéo giãn banner 728 x 90 thành 300 x 250 làm méo hình và vỡ chữ. Mỗi kích thước cần dàn lại bố cục.
  • Quá nhiều chữ. Banner không phải tờ rơi. Chi tiết để dành cho trang đích hoặc người bán hàng.
  • Chữ và logo sát mép. Dễ bị cắt trên điện thoại hoặc bị khoen, khung che mất khi in.
  • Không có lời kêu gọi hành động. Người xem thấy đẹp nhưng không biết làm gì tiếp.
  • Chữ chìm vào nền. Chữ trắng trên ảnh sáng, chữ mảnh trên nền nhiều chi tiết. Thêm một mảng màu đặc phía sau chữ hoặc đổi màu.
  • File quá nặng. Banner ảnh tải lên Google Ads bị giới hạn 150 KB, còn banner trên website quá nặng làm chậm trang.
  • Lấy ảnh nhỏ trên mạng để in khổ lớn. Ảnh vài trăm pixel in ra banner 3 m sẽ vỡ hạt. Tính số pixel cần có trước khi chọn ảnh.
  • Quên chuyển hệ màu và tràn lề khi in. Màu in ra khác màn hình, mép banner lộ viền trắng.

Checklist trước khi xuất file banner

Banner online

  • Đúng số pixel của vị trí đăng, không kéo giãn từ cỡ khác.
  • Chữ, logo, nút nằm trong vùng an toàn.
  • Đọc được tiêu đề khi xem trên điện thoại.
  • Đúng định dạng và dưới giới hạn dung lượng của nền tảng.
  • Đường dẫn khi bấm vào banner mở đúng trang.

Banner in

  • Kích thước file khớp số đo thực tế tại chỗ treo.
  • Độ phân giải phù hợp khoảng cách nhìn, đã hỏi lại xưởng in.
  • Hệ màu và phần tràn lề theo yêu cầu của xưởng in.
  • Chữ cách mép đủ xa, không nằm trong vùng đóng khoen hoặc dán.
  • Đã soát chính tả, số điện thoại, địa chỉ, ngày giờ.
  • Mã QR, nếu có, đã quét thử trên bản in thử hoặc trên màn hình ở đúng tỉ lệ.

Câu hỏi thường gặp về banner

Tấm banner là gì, ảnh banner là gì?

Tấm banner là bản in trên bạt, giấy PP hoặc vải, treo ở cửa hàng, đường phố, sự kiện. Ảnh banner là file hình khổ ngang hoặc dọc đặt trên website và mạng xã hội, ví dụ ảnh bìa Trang Facebook hay banner quảng cáo 300 x 250 px. Cả hai đều là banner, chỉ khác nơi hiển thị.

Kích thước banner ngang là bao nhiêu?

Banner in treo ngang thường gặp nhất là 1 x 4 m và 0,8 x 3 m, banner sự kiện nhỏ hơn thường là 2 x 1 m hoặc 3 x 1 m. Banner ngang online: 728 x 90 px cho quảng cáo trên website, 851 x 315 px cho ảnh bìa Trang Facebook, 2560 x 1440 px cho banner kênh YouTube.

Banner dọc kích thước bao nhiêu?

Banner in dọc thường gặp: 0,6 x 1,6 m, 0,8 x 1,8 m và 0,8 x 2 m. Banner dọc online: 160 x 600 px và 300 x 600 px cho quảng cáo trên website, 1440 x 2560 px (9:16) cho quảng cáo Stories.

Kích thước banner website chuẩn là bao nhiêu?

Với banner quảng cáo, 5 cỡ được Google AdSense xếp vào nhóm hiệu quả nhất là 300 x 250, 336 x 280, 728 x 90, 300 x 600 và 320 x 100 px. Với banner đầu trang của chính website bạn thì không có cỡ chuẩn chung: lấy chiều rộng và chiều cao khung từ người làm web rồi thiết kế đúng tỉ lệ đó.

In banner ngang cần file bao nhiêu pixel?

Lấy chiều dài tính bằng cm chia 2,54 rồi nhân với PPI. Banner treo ngoài trời xem từ 6 m trở lên có thể làm ở 50 đến 100 PPI theo khuyến nghị của HP. Ví dụ banner 0,8 x 3 m ở 100 PPI cần khoảng 3150 x 11811 px. Hãy hỏi lại xưởng in trước khi xuất file.

Banner tốt nghiệp nên làm kích thước nào?

Không có cỡ riêng cho banner tốt nghiệp. Bạn chọn theo chỗ treo: treo ngang trước cổng hoặc trong hội trường thì dùng các cỡ ngang thường gặp như 2 x 1 m, 3 x 1 m, 0,8 x 3 m. Đặt ở lối vào để chụp ảnh thì dùng standee dọc 0,8 x 1,8 m hoặc 0,8 x 2 m. Đo chỗ treo trước khi đặt in.

Tổng kết

Như đã đề cập trong bài viết, banner là gì và cách thiết kế banner hiệu quả là một trong những yếu tố quan trọng giúp bạn thu hút sự chú ý của khách hàng và truyền tải thông điệp quảng cáo một cách rõ ràng. Một banner chất lượng không chỉ đơn giản là việc chọn kích thước phù hợp mà còn phải chú trọng đến hình ảnh, màu sắc, phông chữ, và thông điệp sao cho dễ hiểu và dễ nhớ. Việc hiểu rõ về cách thiết kế banner sẽ giúp bạn tối ưu hóa chiến dịch quảng cáo, từ đó đạt được hiệu quả cao nhất.

Nếu bạn đang tìm kiếm cơ hội để nâng cao kỹ năng thiết kế đồ họa, đặc biệt là thiết kế banner và các loại đồ họa đa phương tiện khác, khóa học Thiết kế đồ họa Đa phương tiện của colorME là sự lựa chọn hoàn hảo. Khóa học này sẽ cung cấp cho bạn những kiến thức chuyên sâu về thiết kế banner, đồ họa, và nhiều kỹ năng sáng tạo khác, giúp bạn trở thành một nhà thiết kế chuyên nghiệp. Đừng bỏ qua nhé!

Bài được ColorME cập nhật ngày 13/10/2026: bổ sung bảng kích thước theo tài liệu chính thức của Google, Meta, YouTube và LinkedIn, phần bố cục, quy trình, in ấn và câu hỏi thường gặp. Các cỡ banner in trong bài là cỡ thường gặp, không phải tiêu chuẩn bắt buộc.

Thiết kế chuyên sâu Học Thiết kế chuyên sâu cùng ColorME 72 buổi · 15.900.000đ Xem khoá học