為任意頁面製作連結預覽圖
精確掌控你的連結在 Slack、WhatsApp、iMessage、LinkedIn 或 Discord 中貼上時的樣子。
每個聊天和社交平臺都用同樣的 Open Graph 標籤來構建連結預覽。如果你不設圖片,就只能得到平臺抓到的東西 —— 常常是空白、一個 favicon,或隨機裁切的元素。
本工具讓你刻意地創作預覽:一張帶你的標題和品牌強調色的 1200×630 卡片,實時預覽。把它設為 og:image,你的連結在任何被分享處都呈現同樣乾淨的樣子。
這是個小細節,卻讓貼上的連結顯得可信 —— 對落地頁、營銷活動以及任何你希望別人真正點選的東西都有用。
對應工具
🖼️OG 圖生成器
輸入標題、主題與強調色,生成精緻的 1200×630 Open Graph / 社交卡片,帶實時預覽。
常見問題
聊天應用裡的連結預覽是怎麼工作的? +
它們讀取你頁面的 Open Graph 標籤,尤其是 og:image、og:title 和 og:description,並據此渲染卡片。
為什麼我的連結預覽空白或錯誤? +
通常是 og:image 缺失或尺寸不對。在這裡生成一張 1200×630 的圖並設為 og:image 即可修復。
一張圖能覆蓋所有平臺嗎? +
可以 —— 一張 1200×630 的 OG 圖會被 Slack、LinkedIn、X、Discord、iMessage 等大多數平臺使用。