Tạo

Hình ảnh

Chỉnh sửa

Công Cụ Tạo Ảnh Open Graph

Công cụ tạo og:image và thẻ mạng xã hội miễn phí. Tạo ảnh xem trước liên kết cho Facebook, Twitter, LinkedIn. Xuất PNG, JPG, WebP ở 2x retina trong vài giây.

Có góp ý? Báo lỗi, đề xuất tính năng, hoặc chia sẻ suy nghĩ — chúng tôi đọc tất cả

Về Công Cụ Tạo Ảnh Open Graph

Công Cụ Tạo Ảnh Open Graph giúp bạn tạo ảnh xem trước chuyên nghiệp, bắt mắt để chia sẻ trên mạng xã hội. Khi bạn chia sẻ liên kết trên Facebook, Twitter, LinkedIn hoặc các nền tảng mạng xã hội khác, ảnh Open Graph (og:image) là thứ xuất hiện trong thẻ xem trước liên kết.

Công cụ hỗ trợ mọi tỷ lệ tiêu chuẩn ngay từ đầu: 1200 × 630 (1.91:1) cho Facebook và LinkedIn, 1200 × 675 (16:9) cho thẻ summary_large_image của Twitter/X, và 1080 × 1080 (1:1) cho Instagram. Tùy chỉnh mọi khía cạnh của ảnh OG gồm tiêu đề, mô tả, màu sắc, nền, gradient, biểu tượng và thương hiệu, sau đó xuất ra PNG, JPG hoặc WebP ở độ phân giải 1x hoặc 2x retina kèm ước tính dung lượng tệp theo thời gian thực để bạn luôn nằm dưới giới hạn tải lên của từng nền tảng.

Ảnh Open Graph là gì?

Ảnh Open Graph (OG) là ảnh thu nhỏ xuất hiện khi bạn chia sẻ liên kết trang web trên các nền tảng mạng xã hội như Facebook, Twitter, LinkedIn và nhiều hơn nữa. Nó được xác định trong thẻ meta HTML của trang web (og:image) và ảnh hưởng đáng kể đến tỷ lệ nhấp chuột và mức độ tương tác.

Một ảnh OG được thiết kế tốt có thể tăng mức độ tương tác trên mạng xã hội lên đến 120% so với các bài đăng không có hình ảnh.

Kích thước khuyến nghị là gì?

Các nền tảng khác nhau có kích thước tối ưu khác nhau:

• Facebook & LinkedIn: 1200 × 630 pixel (tỷ lệ 1.91:1)
• Twitter: 1200 × 675 pixel (tỷ lệ 16:9)
• Instagram: 1080 × 1080 pixel (tỷ lệ 1:1)

Kích thước phổ biến nhất là 1200 × 630 pixel, hoạt động tốt trên hầu hết các nền tảng. Luôn sử dụng ít nhất chiều rộng 1200px để hiển thị chất lượng cao trên các thiết bị hiện đại.

Tôi có thể sử dụng ảnh nền của riêng mình không?

Có! Bạn có thể tải lên ảnh nền của riêng mình trong tab Thiết kế. Công cụ hỗ trợ các định dạng JPG, PNG và WebP. Bạn cũng có thể điều chỉnh độ mờ của nền để tạo hiệu ứng lớp phủ giữ cho văn bản của bạn dễ đọc trên các hình ảnh phức tạp.

Tôi nên sử dụng định dạng tệp nào?

Đối với ảnh Open Graph, hãy sử dụng:

• PNG: Tốt nhất cho ảnh có văn bản, logo và đồ họa có độ trong suốt
• JPG: Tốt nhất cho nền ảnh chụp, kích thước tệp nhỏ hơn
• WebP: Định dạng hiện đại với khả năng nén tuyệt vời (được hỗ trợ bởi hầu hết các nền tảng)

Giữ kích thước tệp dưới 5MB để tốc độ tải tối ưu. Hầu hết các nền tảng mạng xã hội sẽ nén ảnh, vì vậy PNG thường là lựa chọn an toàn nhất cho chất lượng.

Làm thế nào để tôi triển khai ảnh OG trên website của mình?

Sau khi tạo và tải xuống ảnh, hãy tải nó lên website của bạn và thêm các thẻ meta này vào phần <head> của HTML:

<meta property="og:image" content="https://website.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="https://website.com/og-image.png">

Sử dụng URL tuyệt đối (đầy đủ https://...) cho đường dẫn ảnh. Kiểm tra triển khai của bạn với Sharing Debugger của Facebook hoặc Card Validator của Twitter.

Công Cụ Tạo Ảnh Open Graph — Công cụ tạo og:image và thẻ mạng xã hội miễn phí. Tạo ảnh xem trước liên kết cho Facebook, Twitter, LinkedIn. Xuất PNG, — **Công Cụ Tạo Ảnh Open Graph**

Tôi có thể thêm logo vào ảnh OG không?

Có! Bạn có thể tải lên logo hoặc biểu tượng và đặt nó (trái, giữa hoặc phải) trên ảnh OG của bạn. Điều này giúp nhận diện thương hiệu và làm cho các liên kết chia sẻ của bạn chuyên nghiệp và đáng tin cậy hơn. Logo PNG trong suốt hoạt động tốt nhất để linh hoạt với các nền khác nhau.

Dung lượng tối đa của ảnh OG là bao nhiêu?

Mỗi nền tảng áp dụng giới hạn riêng. Twitter/X từ chối ảnh trên 5 MB. Facebook khuyến nghị giữ tệp og:image dưới 8 MB (và lý tưởng là thấp hơn nhiều để thu thập dữ liệu nhanh). LinkedIn chấp nhận khoảng tối đa 5 MB. Nếu nền nhiều ảnh chụp khiến bạn vượt giới hạn, hãy đổi định dạng xuất của công cụ sang JPG hoặc WebP và giảm thanh chất lượng — cả hai đều nén mạnh hơn PNG rất nhiều. Phần ước tính dung lượng theo thời gian thực bên cạnh bộ chọn định dạng hiển thị kích thước tệp hiện tại trước khi bạn tải xuống, để bạn xác nhận mình nằm dưới giới hạn.

Tại sao ảnh OG của tôi không cập nhật? Làm sao xóa bộ nhớ đệm?

Các nền tảng mạng xã hội lưu vào bộ nhớ đệm ảnh og:image đầu tiên mà chúng thu thập, nên ảnh mới thường không xuất hiện ngay. Để buộc làm mới: trên Facebook, mở Sharing Debugger (developers.facebook.com/tools/debug), dán URL và nhấp 'Scrape Again'. Trên LinkedIn, dùng Post Inspector (linkedin.com/post-inspector) và kiểm tra lại URL. Trên Twitter/X, công cụ Card validator và một lần chia sẻ mới thường sẽ làm mới ảnh. Thêm tham số phiên bản vào URL ảnh (ví dụ og-image.png?v=2) cũng giúp vượt qua các bộ nhớ đệm cứng đầu.

PNG, JPG hay WebP — nên chọn định dạng xuất nào?

Tùy thuộc vào nền của bạn. PNG không mất dữ liệu, lý tưởng cho màu phẳng, gradient, văn bản và logo có cạnh sắc nét, nhưng dung lượng tăng nhanh với ảnh chụp. JPG tốt nhất cho nền ảnh chụp và tạo tệp nhỏ hơn nhiều — hoàn hảo khi bạn cần xuống dưới giới hạn 5 MB của Twitter. WebP có khả năng nén tốt nhất và được Facebook, LinkedIn và X hỗ trợ, là lựa chọn mặc định tuyệt vời cho thẻ nhiều ảnh. Dùng thanh chất lượng (50–100%) với JPG hoặc WebP để cân bằng độ sắc nét và dung lượng, và chọn tùy chọn 2x để hiển thị retina sắc nét trên màn hình mật độ điểm ảnh cao.

Khác biệt giữa thẻ summary_large_image và summary của Twitter là gì?

Twitter/X hỗ trợ hai loại thẻ. 'summary_large_image' hiển thị banner lớn toàn chiều rộng dùng ảnh 1200 × 675 (16:9) — đây là thứ hầu hết blog và trang tiếp thị mong muốn, và là mẫu 'Twitter' 1200 × 675 trong công cụ này. Thẻ 'summary' thông thường hiển thị ảnh thu nhỏ vuông nhỏ hơn (khoảng 1:1) bên cạnh văn bản, phù hợp hơn cho biểu tượng hoặc ảnh đại diện. Đặt loại thẻ trong thẻ meta với <meta name="twitter:card" content="summary_large_image"> và cung cấp twitter:image tương ứng.

Xem thêm

CôNG Cụ MạNG Xã HộI19

WUTOOLS