Tạo Ảnh OG Image Cho Xem Trước Khi Chia Sẻ Link
Công cụ tạo ảnh OG image này dựng nên ảnh xem trước Open Graph xuất hiện khi link của bạn được chia sẻ trên Facebook, X (Twitter), LinkedIn, Discord, Slack và các ứng dụng khác. Nhập tiêu đề cùng thông tin chi tiết, chọn một mẫu thiết kế và xuất ảnh PNG 1200×630 sắc nét từng pixel — không cần phần mềm thiết kế nào.
Công cụ dành cho bất kỳ ai đăng tải nội dung và muốn thẻ link trông thật chỉn chu: blogger, dân marketing, lập trình viên cần đặt thẻ meta og:image, và những người sáng tạo muốn mỗi URL chia sẻ đều nổi bật thay vì hiện ảnh chung chung hoặc thiếu ảnh. Chọn từ 20 mẫu thiết kế, tùy chỉnh văn bản và màu sắc, chèn ảnh của riêng bạn và tải xuống trong vài giây.
Cách Tạo Ảnh OG Image Của Bạn
Nhập nội dung
Điền vào các ô Tiêu đề, Phụ đề, Tác giả và Website trong bảng Nội dung. Canvas cập nhật theo thời gian thực khi bạn gõ, và website của bạn cũng được dùng cho mô phỏng thẻ chia sẻ.
Chọn một mẫu thiết kế
Mở lưới Mẫu thiết kế và nhấp vào bất kỳ thiết kế nào trong 20 mẫu — gradient, tối giản, tông tối, retro và nhiều hơn nữa. Mỗi mẫu sắp xếp văn bản của bạn theo bố cục và phong cách riêng.
Tùy chỉnh màu sắc
Chọn một trong 8 bảng màu dựng sẵn hoặc tự đặt màu chính và màu nhấn bằng bộ chọn màu. Các mẫu sẽ điều chỉnh nền và điểm nhấn để khớp với lựa chọn của bạn.
Đặt vị trí văn bản và thêm ảnh
Kéo bất kỳ phần văn bản nào trên canvas để di chuyển, hoặc nhấp đúp vào nó để nhảy thẳng tới ô nhập tương ứng. Dùng Thêm trong bảng Hình ảnh để tải lên ảnh hoặc logo, sau đó kéo để di chuyển và kéo góc để chỉnh kích thước.
Xuất ảnh của bạn
Tải xuống ảnh PNG 1200×630, hoặc sao chép ảnh thẳng vào bộ nhớ tạm để dán nơi khác. Thêm nó vào trang bằng thẻ meta og:image và ảnh xem trước link của bạn đã sẵn sàng.
Tính Năng
20 Mẫu Thiết Kế Độc Đáo
Các bố cục gradient, tối giản, tông tối, retro và sáng tạo gồm Dòng chảy gradient, Terminal tối, Cyberpunk, Polaroid, Báo giấy, Thô mộc và Thẻ kính.
Ô Văn Bản Tùy Chỉnh
Đặt tiêu đề, phụ đề, tác giả và website, với canvas cập nhật trực tiếp khi bạn gõ từng ô.
Kéo Để Đặt Vị Trí Văn Bản
Mọi phần văn bản đều có thể kéo tự do trên canvas, nên bạn toàn quyền kiểm soát bố cục vượt ra ngoài thiết lập mặc định của từng mẫu.
Bảng Màu Dựng Sẵn & Màu Tùy Chỉnh
Áp dụng một trong 8 bảng màu được tuyển chọn hoặc tự đặt màu chính và màu nhấn; các mẫu sẽ đổi tông nền và điểm nhấn cho khớp.
Tải Ảnh Lên & Chỉnh Sửa
Thêm nhiều ảnh hoặc logo lên trên mẫu, sau đó kéo để di chuyển và kéo góc để chỉnh kích thước trong khi tỉ lệ luôn được khóa.
Mô Phỏng Xem Trước Mạng Xã Hội
Thẻ chia sẻ chân thực hiển thị ảnh của bạn cùng tên miền, tiêu đề và mô tả, để bạn thấy link trông ra sao trước khi đăng.
Phóng To Xem Trước
Chuyển thẻ xem trước qua năm mức từ 320px gọn nhỏ đến 840px lớn để kiểm tra văn bản và ảnh giữ form thế nào ở mọi tỉ lệ.
Xuất PNG & Sao Chép
Tải xuống ảnh PNG 1200×630 chất lượng cao hoặc sao chép ảnh trực tiếp vào bộ nhớ tạm để dán vào ứng dụng khác.
Nhấp Đúp Để Chỉnh Sửa
Nhấp đúp vào bất kỳ văn bản nào trên canvas để nhảy thẳng tới ô nhập của nó ở thanh bên và bắt đầu chỉnh sửa ngay.
Phím Delete & Giao Diện Tối
Nhấn Delete để xóa ảnh đang chọn, và làm việc thoải mái với giao diện tối tích hợp sẵn.
Câu Hỏi Thường Gặp
OG image là gì?
OG image (ảnh Open Graph) là ảnh xem trước xuất hiện khi một link được chia sẻ trên mạng xã hội hoặc ứng dụng nhắn tin. Nó được đặt bằng thẻ meta og:image trong <head> của trang và thường là thứ đầu tiên người ta nhìn thấy trên bảng tin, nên một ảnh rõ ràng, đúng nhận diện thương hiệu có thể tăng đáng kể lượt nhấp.
og:image nên có kích thước bao nhiêu?
Kích thước ảnh Open Graph chuẩn là 1200 × 630 pixel (tỉ lệ 1.91:1), phù hợp trên Facebook, X, LinkedIn và hầu hết các nền tảng khác. Công cụ này luôn xuất ảnh đúng độ phân giải đó mỗi lần.
Làm sao thêm thẻ meta og:image vào website?
Tải ảnh PNG đã xuất lên website của bạn, sau đó thêm dòng này vào trong <head> của trang:
<meta property="og:image" content="https://yoursite.com/path/to/og-image.png">
Hầu hết các nền tảng đều lưu cache ảnh xem trước, nên hãy chia sẻ lại hoặc dùng công cụ gỡ lỗi của nền tảng để làm mới thẻ sau khi cập nhật.
Nên dùng PNG hay JPG cho og:image?
Công cụ này xuất ảnh PNG, giúp văn bản và đồ họa mẫu phẳng luôn sắc nét và được hỗ trợ ở mọi nơi. JPG có thể cho file nhỏ hơn với thiết kế nhiều ảnh, nhưng ảnh PNG xuất ra ở đây vẫn nằm trong giới hạn dung lượng thông thường của các nền tảng và là lựa chọn an toàn hơn cho văn bản sắc nét.
Tại sao ảnh OG không hiển thị khi tôi chia sẻ link?
Nguyên nhân phổ biến nhất là thiếu hoặc sai thẻ og:image, dùng URL ảnh tương đối thay vì tuyệt đối, hoặc ảnh xem trước cũ còn trong cache. Hãy chắc thẻ trỏ tới một URL https:// đầy đủ, rồi tải lại trang trong công cụ gỡ lỗi xem trước link của nền tảng để xóa cache.
Tôi có thể tải ảnh của riêng mình lên và dùng màu tùy chỉnh không?
Có. Nhấp Thêm để tải lên một hoặc nhiều ảnh hoặc logo, sau đó kéo để di chuyển và kéo góc để chỉnh kích thước trong khi tỉ lệ luôn được khóa. Về màu, chọn một trong 8 bảng màu dựng sẵn hoặc tự đặt màu chính và màu nhấn bằng bộ chọn, và các mẫu sẽ điều chỉnh cho khớp.
Làm sao đặt lại vị trí văn bản trên ảnh?
Nhấp và kéo bất kỳ phần văn bản nào ngay trên canvas để di chuyển, hoặc nhấp đúp vào nó để nhảy tới ô nhập ở thanh bên. Khi chuyển mẫu, văn bản sẽ trở về vị trí mặc định của mẫu đó.
Ảnh của tôi có bị tải lên máy chủ không?
Không. Mọi việc dựng và xuất ảnh đều diễn ra hoàn toàn trong trình duyệt bằng canvas, và những ảnh bạn thêm vào được đọc cục bộ ngay trên thiết bị của bạn. Không có gì bạn nhập hay tải lên bị gửi đi máy chủ.
Chưa có bình luận nào. Hãy là người đầu tiên!