Kích thước OG image tiêu chuẩn là 1200×630 pixel, với tỷ lệ khung hình 1.91:1. Chỉ cần dùng đúng một kích thước này, bản xem trước liên kết của bạn sẽ hiển thị chính xác trên Facebook, X (Twitter), LinkedIn, Slack, Discord, WhatsApp và Telegram.
Đó là câu trả lời ngắn gọn. Phần còn lại của bài viết sẽ đi vào những chi tiết thường khiến mọi người vấp phải: kích thước cho từng nền tảng, vùng an toàn cho chữ, giới hạn dung lượng tệp, và các thẻ meta cho từng nền tảng biết ảnh của bạn nằm ở đâu.
Một kích thước dùng được ở mọi nơi
Nếu chỉ nhớ được một con số, hãy nhớ con số này:
| Thuộc tính | Giá trị khuyến nghị |
|---|---|
| Kích thước | 1200 × 630 px |
| Tỷ lệ khung hình | 1.91:1 |
| Định dạng | PNG hoặc JPG |
| Dung lượng tệp | Dưới 1 MB (giới hạn cứng cao hơn, nhưng tệp nhỏ tải nhanh hơn) |
| URL | URL HTTPS tuyệt đối |
Mọi nền tảng lớn hoặc dùng tỷ lệ 1.91:1 làm chuẩn, hoặc cắt gọn gàng từ tỷ lệ này. Thiết kế đúng 1200×630 nghĩa là bạn chỉ cần tạo một ảnh cho mỗi trang thay vì năm ảnh.
Kích thước OG image theo từng nền tảng
Các nền tảng khác nhau đôi chút về kích thước ưu tiên và quy định bắt buộc:
| Nền tảng | Kích thước khuyến nghị | Ghi chú |
|---|---|---|
| 1200 × 630 | Tối thiểu 200×200; ảnh dưới 600×315 hiển thị dạng thumbnail nhỏ thay vì thẻ lớn | |
| X (Twitter) | 1200 × 630 | Thẻ summary_large_image bị cắt về gần tỷ lệ 2:1 — giữ nội dung quan trọng ở giữa |
| 1200 × 627 | 1.91:1; về cơ bản dùng chung ảnh với Facebook | |
| Discord | 1200 × 630 | Dùng og:image cho các embed liên kết cỡ lớn |
| Slack | 1200 × 630 | Bản xem trước (unfurl) đọc trực tiếp thẻ Open Graph |
| 1200 × 630 | Giữ tệp thật nhẹ (tốt nhất là thấp hơn hẳn 300 KB), nếu không bản xem trước có thể không tải | |
| Telegram | 1200 × 630 | Đọc og:image; cache rất lâu |
| 1000 × 1500 | Ngoại lệ duy nhất — Pin ưa ảnh dọc 2:3, nên hãy dùng ảnh riêng cho Pinterest |
Kết luận: ngoài Pinterest ra, một ảnh 1200×630 là đủ cho tất cả.
Vùng an toàn: chữ của bạn nên nằm ở đâu
Mỗi nền tảng cắt ảnh một kiểu — X nghiêng về 2:1, một số bố cục trên di động gọt bớt phần rìa. Để tiêu đề luôn đọc được ở mọi nơi:
- Giữ toàn bộ chữ và logo trong vùng trung tâm 1120 × 560 (khoảng 5% lề mỗi phía).
- Luôn giả định phần rìa ngoài có thể bị cắt — đừng bao giờ đặt nội dung quan trọng sát mép.
- Kiểm tra với tiêu đề thật ở kích thước thật: chữ trông ổn trong công cụ thiết kế thường lại quá nhỏ khi hiển thị trên bảng tin. Theo kinh nghiệm, giữ tiêu đề ở cỡ 48px trở lên trên khung 1200×630.
Bộ mẫu miễn phí của chúng tôi đã tích hợp sẵn các khoảng lề này, nên mọi thứ bạn gõ vào đều nằm gọn trong vùng an toàn.
Dung lượng, định dạng và độ phân giải
- Định dạng: PNG cho đồ họa nhiều chữ (nét chữ sắc), JPG cho nền là ảnh chụp. WebP giờ đã chạy tốt trên các nền tảng lớn, nhưng PNG/JPG vẫn an toàn nhất với các ứng dụng ít phổ biến.
- Dung lượng tệp: Facebook cho phép tối đa 8 MB, X tối đa 5 MB — nhưng crawler sẽ hết thời gian chờ với ảnh tải chậm. Mục tiêu thực tế là dưới 1 MB (và dưới 300 KB để chắc chắn với WhatsApp).
- Độ phân giải: 1200×630 ở mức 1x là đủ. Nhân đôi kiểu Retina lên 2400×1260 hiếm khi cải thiện hiển thị trên bảng tin mà lại tăng gấp đôi dung lượng tệp.
Các thẻ meta giúp mọi thứ hoạt động
Kích thước mới chỉ là một nửa công việc — các nền tảng tìm thấy ảnh của bạn qua thẻ meta Open Graph trong <head> của trang:
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />Có ba chi tiết quan trọng hơn vẻ ngoài của chúng:
og:imagephải là URL HTTPS tuyệt đối — đường dẫn tương đối sẽ thất bại âm thầm trên hầu hết crawler.og:image:widthvàog:image:heightcho phép nền tảng dành sẵn đúng khoảng không gian trước khi tải ảnh, nhờ đó lượt chia sẻ đầu tiên đã hiển thị thẻ đầy đủ thay vì thẻ trống.twitter:cardđặt thànhsummary_large_imagechính là thứ nâng cấp bản xem trước trên X từ ô vuông nhỏ lên thẻ tràn hết chiều rộng.
Những lỗi thường gặp (và cách khắc phục nhanh)
- Ảnh nhỏ hơn 600×315. Facebook hạ nó xuống thành thumbnail nhỏ bên cạnh. Hãy xuất ở 1200×630.
- Chữ dí sát mép. Kiểu cắt của X sẽ xén mất chữ. Giữ chữ trong vùng an toàn trung tâm.
- Bản xem trước hiện ảnh cũ. Các nền tảng cache rất lâu — xem cách xử lý trong bài viết về xem trước và làm mới OG image.
- URL là đường dẫn tương đối hoặc yêu cầu đăng nhập. Crawler không thể tải
/images/og.pnghay bất cứ thứ gì cần đăng nhập. Hãy dùng URL tuyệt đối truy cập được công khai. - Một ảnh chung chung cho cả trang web. Những trang có OG image riêng, sát nội dung luôn nhận được nhiều lượt nhấp hơn so với tấm thẻ logo dùng đi dùng lại.
Tạo OG image đúng kích thước trong vài giây
Bạn có thể tự dựng artboard 1200×630, kẻ đường vùng an toàn và cài preset xuất ảnh — hoặc bỏ qua toàn bộ khâu chuẩn bị đó. Trình tạo OG image miễn phí của chúng tôi khởi đầu từ các mẫu đã căn sẵn 1200×630 (và 1500×500 cho ảnh bìa X), giữ chữ của bạn trong vùng an toàn, và xuất ra tệp PNG đã tối ưu, sẵn sàng gắn vào thẻ meta. Không cần đăng ký, không watermark.
Câu hỏi thường gặp
Kích thước OG image tốt nhất là bao nhiêu?
1200×630 pixel (tỷ lệ khung hình 1.91:1). Ảnh sẽ hiển thị dạng thẻ lớn trên Facebook, X, LinkedIn, Slack, Discord, WhatsApp và Telegram mà không cần thêm biến thể nào.
Kích thước OG image tối thiểu là bao nhiêu?
Facebook chấp nhận ảnh nhỏ đến 200×200, nhưng dưới 600×315 sẽ mất bố cục thẻ lớn. Hãy coi 600×315 là mức sàn thực tế — và 1200×630 là mục tiêu.
Có nên dùng ảnh riêng cho X (Twitter) không?
Thường là không. Một ảnh 1200×630 với nội dung căn giữa hoạt động tốt với thẻ summary_large_image. Chỉ thêm ảnh riêng cho X nếu thiết kế của bạn đặt nội dung quan trọng sát mép trên hoặc mép dưới.
OG image có ảnh hưởng đến SEO không?
Không ảnh hưởng trực tiếp đến thứ hạng — nhưng ảnh hưởng mạnh đến tỷ lệ nhấp khi liên kết được chia sẻ, và sự lan tỏa trên mạng xã hội lại nuôi khả năng được khám phá. Một bản xem trước rõ ràng, mang dấu ấn thương hiệu là một trong những cách nâng CTR rẻ nhất hiện có.
