Hướng dẫn thiết kế banner Facebook chuẩn kích thước 2026

Ảnh bìa Facebook là vùng "biển hiệu" lớn nhất trên trang cá nhân hoặc fanpage. Nó là điều đầu tiên người ta nhìn thấy khi bấm vào hồ sơ — thậm chí trước cả ảnh đại diện. Một banner đẹp, đúng kích thước, làm rõ thông điệp có thể tăng tỉ lệ "follow" lên 30-40%, nhất là với fanpage thương hiệu.

Vấn đề là Facebook hiển thị cùng một banner với kích thước rất khác nhau trên desktop và mobile. Nếu bạn không biết "vùng an toàn", phần quan trọng (chữ, logo) có thể bị cắt mất trên điện thoại — đúng nơi 80% người dùng truy cập Facebook.

Bài viết này tổng hợp toàn bộ kích thước banner Facebook chuẩn 2026, quy tắc vùng an toàn, và hướng dẫn 7 bước thiết kế trên LayerPic. Đọc xong, bạn sẽ tự làm được mà không sợ bị cắt mất phần đẹp nhất.

Kích thước banner Facebook chuẩn 2026

Đây là bảng tổng hợp mới nhất, đã kiểm tra trên cả Facebook web và app iOS/Android tháng 5 năm 2026:

Trang cá nhân (Profile cover)

• Kích thước upload đề xuất: 1640 × 924 px (tỉ lệ 1.78:1).
• Hiển thị desktop: 820 × 312 px.
• Hiển thị mobile: 640 × 360 px (chỉ phần giữa, hai bên bị cắt).
• Vùng an toàn: giữa 820 × 312 px, đặt nội dung quan trọng (chữ, logo) trong vùng 640 × 312 px ở giữa.

Fanpage cover

• Kích thước upload đề xuất: 1640 × 859 px.
• Hiển thị desktop: 820 × 312 px.
• Hiển thị mobile: 640 × 360 px.
• Vùng an toàn: giống profile — giữ chữ trong khung trung tâm 640 × 312 px.
• Lưu ý: ảnh đại diện fanpage che mất một phần nhỏ ở góc dưới trái — đừng đặt nội dung quan trọng ở khu vực đó.

Nhóm (Group cover)

• Kích thước upload đề xuất: 1640 × 856 px.
• Hiển thị desktop: 1640 × 856 px (tỉ lệ 1.91:1).
• Hiển thị mobile: 640 × 334 px.

Sự kiện (Event cover)

• Kích thước upload đề xuất: 1920 × 1005 px (tỉ lệ 1.91:1).
• Hiển thị desktop: 500 × 262 px.
• Hiển thị mobile: thay đổi tùy thiết bị, nhưng giữ tỉ lệ 1.91:1.

Story / Reel cover

• Kích thước: 1080 × 1920 px (dọc, tỉ lệ 9:16).
• Vùng an toàn: chừa 250 px trên + 250 px dưới cho UI Facebook.

Tip pro: Facebook nén ảnh khi upload — để giữ chất lượng, hãy export PNG hoặc JPEG ≥ 95% chất lượng, KHÔNG upload file dưới 851 px chiều rộng.

Quy tắc vùng an toàn — vùng nào sẽ bị cắt trên mobile

Đây là phần nhiều người làm sai nhất. Banner trông hoàn hảo trên desktop nhưng lên mobile bị cắt mất tên fanpage hoặc CTA. Nguyên tắc:

1. Đặt logo + tên thương hiệu trong vùng giữa rộng 640 px.
2. Tránh đặt chữ ở 2 mép trái-phải (mỗi mép 90 px sẽ bị cắt trên mobile profile).
3. Đặt CTA (gọi hành động) trong nửa trên — nửa dưới có thể bị che bởi nút "Follow / Liên hệ" trên mobile.
4. Test trên mobile thật trước khi công bố — Facebook preview không luôn chính xác.

7 bước thiết kế banner Facebook trên LayerPic

LayerPic có sẵn template với khung vùng an toàn vẽ sẵn — bạn chỉ việc kéo thả.

Bước 1: Chọn template đúng kích thước

Vào thư viện mẫu, tìm "Facebook cover" hoặc "ảnh bìa". Chọn mẫu có chú thích "đã include vùng an toàn" — đa phần mẫu Việt hoá trên LayerPic đều có sẵn.

Bước 2: Đổi nền + ảnh sản phẩm

Click vào lớp nền để đổi màu hoặc upload ảnh sản phẩm. Nếu là fanpage shop online, dùng ảnh sản phẩm bestseller chụp trên nền tối giản. Tránh ảnh quá nhiều chi tiết — banner Facebook hiển thị nhỏ, chi tiết sẽ bị nhòe.

Bước 3: Thêm tagline + USP

Tagline 5-7 từ, đặt ngay trung tâm. Ví dụ:

• "Trà sữa thật đậm vị Đài"
• "Khoá học Excel cho dân kế toán"
• "Mỹ phẩm Hàn auth — bảo hành 1-1"

USP (unique selling point) là lợi ích cụ thể — không phải tính năng. "Free ship 24h nội thành" thắng "vận chuyển nhanh".

Bước 4: Bố cục theo lưới 1/3

Chia banner thành 3 cột bằng nhau. Đặt:

• Cột trái: ảnh sản phẩm hoặc nhân vật.
• Cột giữa: tagline + USP (vùng an toàn).
• Cột phải: CTA + thông tin liên hệ.

Bước 5: Chọn font + màu

• 1 font cho tiêu đề (sans-serif, đậm) + 1 font cho phụ đề.
• Màu nhất quán với logo + bộ nhận diện. Nếu chưa có, đọc hướng dẫn tạo logo miễn phí trước.

Bước 6: Thêm khung vùng an toàn (visual)

LayerPic cho phép bạn bật "Smart guides" — đường gióng tự động hiện ra ở 1/3, 1/2, vùng an toàn Facebook. Bật lên để căn chỉnh.

Bước 7: Xuất file PNG chất lượng cao

Click Tải xuống → PNG (1640 × 924). Đảm bảo file < 4 MB để upload mượt. Nếu file > 4 MB, dùng tinypng.com nén lossless.

Mẹo chọn màu + font cho banner thương hiệu

Bộ nhận diện thương hiệu (brand identity) phải nhất quán trên mọi banner. Vài quy tắc:

• Tối đa 3 màu: màu chính, màu phụ, màu nhấn. Vượt quá 3 màu trông như cầu vồng.
• Hệ sắc dộ: chọn màu sáng + tối tương phản đủ mạnh để chữ trắng/đen đọc được trên đó.
• Font tiếng Việt có dấu: chọn Be Vietnam Pro, Inter, Manrope, Nunito Sans — đều có đầy đủ dấu tiếng Việt và miễn phí.
• Font hoa văn (display): chỉ dùng cho tagline ngắn 3-5 từ, không dùng cho nội dung.

Bộ mẫu banner Facebook miễn phí

LayerPic có hơn 800 mẫu banner Facebook đã Việt hoá, phân loại theo:

• Ngành F&B (trà sữa, cafe, nhà hàng) — hơn 120 mẫu.
• Mỹ phẩm + thời trang — hơn 200 mẫu.
• Khoá học + giáo dục — hơn 90 mẫu.
• Bất động sản — hơn 60 mẫu.
• Dịch vụ + freelance — hơn 100 mẫu.

Khám phá toàn bộ tại thư viện mẫu LayerPic — tất cả đều miễn phí, kéo thả là chỉnh được.

Lỗi thường gặp khi làm banner Facebook

Sau khi review hơn 1.500 banner cho các fanpage SME tại Việt Nam, đây là 5 lỗi phổ biến:

1. Chữ quá nhỏ trên mobile — luôn test thực tế bằng cách thu nhỏ banner xuống 320 px chiều rộng. Nếu không đọc nổi tagline, font đang quá nhỏ.
2. Quá nhiều thông tin — banner không phải tờ rơi. Tối đa 1 tagline + 1 USP + 1 CTA.
3. Logo to chiếm hết — logo chỉ nên chiếm ~10-15% diện tích banner. Phần còn lại là không gian sản phẩm/thông điệp.
4. Không có CTA — banner thiếu "Inbox", "Đặt lịch", "Khám phá" thì khán giả không biết làm gì tiếp.
5. Hình ảnh chất lượng thấp — pixel hoá khi Facebook nén = banner trông amateur.

Khi đã có banner Facebook đẹp, bước tiếp theo nên là thiết kế bài đăng Instagram thống nhất bộ nhận diện hoặc tạo poster sự kiện cho campaign sắp tới.

Bắt đầu thiết kế banner Facebook miễn phí

Banner Facebook là tài sản marketing dùng đi dùng lại trong ít nhất 3-6 tháng. Đáng để đầu tư 30 phút làm cho thật chuẩn. Mở thư viện mẫu Facebook cover trên LayerPic, chọn mẫu hợp ngành, áp dụng các quy tắc trên — bạn sẽ có một banner trông như thuê designer cao cấp, hoàn toàn miễn phí.