Tất cả tools
Share Kit

Bộ tạo ảnh chia sẻ

Tạo nhanh OG từ link

Tự lấy tiêu đề, icon/logo và ảnh chụp góc trên trang.

Xem trước trực tiếp · 1200 × 630px

Tạo ảnh Open Graph thật ấn tượng

Thiết kế ảnh chia sẻ nổi bật cho website, sản phẩm và ứng dụng.

VC VuiCoding
Công cụKhám pháCộng đồng
Công cụ mới dành cho creator

Tạo nội dung đẹp để tự tin chia sẻ.

Bộ công cụ dành cho developer và creator — nhanh, đẹp và sử dụng ngay trên trình duyệt.

Khám phá ngayXem công cụ
⌕   Tìm kiếm công cụ...
15+ công cụ100% miễn phí0 cài đặt
◇ Thiết kế chỉn chu◯ Không watermark⌁ Xuất ảnh nhanh
vuicoding.me
Chỉ thanh toán một lần.

Lưu ảnh

Xuất PNG chất lượng cao; ảnh miễn phí có watermark.

Cách nhúng ảnh vào website

Thiết kế đã lưu

0/3

Mục đầu miễn phí · mục thứ 2 và 3 dùng 3 xu · cập nhật miễn phí.

Đang tải thiết kế...
Hướng dẫn Open Graph

Nhúng ảnh OG vào website

Giúp liên kết hiển thị đúng tiêu đề, mô tả và ảnh đại diện khi được chia sẻ lên Facebook, X, LinkedIn, Zalo, WhatsApp, Telegram, Discord hoặc Slack.

BƯỚC 01

Tải ảnh OG

Xuất ảnh PNG chuẩn 1200 × 630px ở phía trên.

BƯỚC 02

Đưa ảnh lên website

Tải ảnh lên thư mục public, CDN hoặc kho lưu trữ có URL công khai.

BƯỚC 03

Thêm thẻ vào trang

Điền thông tin, sao chép đoạn mã dưới đây và đặt trong phần head.

Thông tin trang

index.html
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="vi_VN" />
<meta property="og:title" content="Tạo ảnh Open Graph thật ấn tượng" />
<meta property="og:description" content="Khám phá nội dung hữu ích, được trình bày rõ ràng và sẵn sàng để chia sẻ." />
<meta property="og:url" content="https://tenmien.com/duong-dan-trang" />
<meta property="og:image" content="https://tenmien.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Tạo ảnh Open Graph thật ấn tượng" />
<meta name="twitter:description" content="Khám phá nội dung hữu ích, được trình bày rõ ràng và sẵn sàng để chia sẻ." />
<meta name="twitter:image" content="https://tenmien.com/og-image.png" />
<meta name="twitter:image:width" content="1200" />
<meta name="twitter:image:height" content="630" />

4 thẻ cốt lõi

Luôn có title, description, image và URL chính tắc.

Ảnh đúng chuẩn

Nên dùng 1200 × 630px, PNG/JPG/GIF và dưới 5MB.

Khai báo kích thước

Width và height giúp nền tảng tải, hiển thị ảnh nhanh hơn.

Hỗ trợ X/Twitter

Dùng summary_large_image để ảnh hiển thị khổ lớn.

Share Kit | Vui Coding