Trình tạo ảnh OG trong trình duyệt
Nhập tiêu đề, chọn bố cục và màu thương hiệu rồi tải PNG 1200×630 ngay lập tức. Không đăng ký, không watermark.
Công cụ kiểm tra kèm xem trước nền tảng
Dán bất kỳ URL nào để xem từng thẻ Open Graph, phát hiện lỗi như thiếu og:image:alt hay twitter:card sai, và xem trước thẻ trên bốn nền tảng cùng lúc.
Chín mẫu Next.js mã nguồn mở
Route có thể sao chép cho thẻ tiêu đề, bài blog, ảnh chụp trực tiếp, điện thoại, nút, hồ sơ và đánh giá, dựng bằng Satori và tạo kiểu bằng Tailwind CSS.
Thư viện 429 ảnh OG thật
Bộ sưu tập thẻ được thiết kế có chủ đích bởi các startup đang hoạt động, sắp theo danh mục như SaaS, AI, Thiết kế, Thương mại điện tử, kèm bảng màu riêng.
Hướng dẫn kiến thức nền về Open Graph
Các bài tham chiếu giải thích ảnh OG là gì, chuẩn kích thước 1200×630 và giới hạn từng nền tảng, quy tắc thẻ og:image và cách triển khai với Next.js.
Vấn đề trang này giải quyết rất cụ thể: làm cho một liên kết được chia sẻ trông đáng để bấm vào. ogimage.org xử lý bằng bốn phần gắn kết với nhau. Trình tạo dựng thẻ 1200×630 ngay trong trình duyệt từ tiêu đề, bố cục và màu thương hiệu, không cần tài khoản, không watermark, có xem trước trực tiếp khi nhập. Công cụ kiểm tra nhận bất kỳ URL nào và đưa ra chẩn đoán theo từng thẻ — kích thước ảnh, twitter:card có phải summary_large_image, og:image:alt có thiếu không — kèm hình dung liên kết trên bốn nền tảng.
Phần mẫu dành cho nhà phát triển muốn thẻ được tạo tự động thay vì làm thủ công. Chín route Next.js bao quát các dạng phổ biến như tiêu đề, bài blog, ảnh chụp trực tiếp, điện thoại, nút, hồ sơ và đánh giá. Mỗi route dựng JSX qua Satori và tạo kiểu bằng Tailwind CSS, toàn bộ mã nguồn có thể clone theo giấy phép MIT. Thư viện bổ sung vai trò tham chiếu thiết kế: 429 ảnh Open Graph thật từ các startup đang hoạt động, lọc theo danh mục và hiển thị bảng màu của từng thẻ, dùng được như kho ý tưởng cho nhà thiết kế và marketer.
Mọi thứ trên trang đều miễn phí và được phát hành dưới dạng một kho công khai duy nhất. Không có gói trả phí, không yêu cầu tài khoản, cũng không có dịch vụ lưu trữ ảnh — bạn tự tạo, tải về và tự host. Các hướng dẫn đi kèm giải thích kích thước chuẩn của ảnh OG, quy tắc thẻ og:image, tham chiếu thẻ Open Graph và các cách triển khai với Next.js.
