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

Tạo ảnh Open Graph đẹp mắt cho Facebook, Twitter, LinkedIn. Tùy chỉnh văn bản, màu sắc, nền và gradient để tăng tương tác mạng xã hội.

Nội dung
0/60 ký tự
0/160 ký tự
iconMicrophone
expand
Phổ Biến
star
heart
fire
bolt
lightbulb
crown
gem
trophy
medal
award
Giao Tiếp
microphone
envelope
comment
comments
phone
bell
message
paper-plane
Kinh Doanh
briefcase
chart-simple
chart-line
chart-bar
chart-pie
building
money-bill
dollar-sign
wallet
credit-card
Truyền Thông & Nội Dung
camera
video
music
image
film
play
pause
newspaper
book
book-open
Công Nghệ
laptop
code
mobile
tablet
desktop
keyboard
wifi
signal
battery-full
plug
Du Lịch & Địa Điểm
rocket
plane
car
train
bus
bicycle
ship
globe
map
compass
location-dot
Mua Sắm
cart-shopping
bag-shopping
gift
tag
tags
barcode
receipt
Đồ Ăn & Thức Uống
mug-hot
utensils
pizza-slice
burger
beer
wine-glass
glass-water
apple-whole
ice-cream
cake-candles
Thiên Nhiên & Thời Tiết
tree
leaf
sun
moon
cloud
umbrella
snowflake
droplet
seedling
mountain
Xã Hội & Con Người
user
users
thumbs-up
thumbs-down
hand-peace
handshake
share-nodes
house
Giáo Dục
graduation-cap
pencil
pen
highlighter
chalkboard
microscope
flask
atom
Hành Động
check
circle-check
xmark
circle-xmark
plus
minus
trash
ban
lock
unlock
Thiết kế
PNG được khuyến nghị cho độ trong suốt
Xem Trước Trực Tiếp
1200 × 630 px
Cách Sử Dụng
  1. Nhập tiêu đề, mô tả và tên website ở tab Nội dung.
  2. Tùy chỉnh màu sắc, nền và phông chữ ở tab Thiết kế.
  3. Xem trước ảnh Open Graph của bạn theo thời gian thực.
  4. Nhấn 'Tải Ảnh Xuống' để lưu ảnh OG tùy chỉnh cho mạng xã hội.

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 là thứ xuất hiện trong thẻ xem trước.

Tùy chỉnh mọi khía cạnh của ảnh OG bao gồm tiêu đề, mô tả, màu sắc, nền, gradient và các yếu tố thương hiệu. Công cụ cung cấp xem trước theo thời gian thực và hỗ trợ các kích thước tiêu chuẩn của mạng xã hội để đảm bảo ảnh của bạn trông hoàn hảo trên mọi 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.

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.