圖片壓縮不只是 CWV 問題，更是 GEO 可見性的關鍵。了解為什麼 AI 引擎不讀像素，以及如何用 SVG
多數人問「圖片要不要壓縮」，潛意識裡還在用「人類瀏覽速度」來衡量價值。但在生成式 AI 搜尋時代，這個前提錯了。AI 爬蟲（如 GPTBot、PerplexityBot）根本不渲染像素，它們只讀取 HTML 源碼中的文字與結構。如果你的核心論點藏在 JPEG 的像素裡，對 AI 來說，那是一張空白。
圖片壓縮本身不是問題，問題是「你把什麼資訊放進了圖片」。在 TrueLink 的實務觀察中，真正影響 GEO（Generative Engine Optimization）可見性的，不是檔案大小從 2MB 壓到 200KB，而是「這段資訊是否以機器可讀的結構化文字存在於 DOM 中」。
核心判斷：AI 引擎不讀像素，只讀結構
這是一個反直覺但關鍵的事實：主流 AI 搜尋引擎在引用內容時，依賴的是可被解析的文字結構，而非視覺像素。
根據我們對 AI 爬蟲行為的觀察，當 Perplexity 或 ChatGPT 抓取頁面時，它們優先解析 <text> 標籤、Markdown 表格、以及 JSON-LD 結構化資料。擴散模型生成的圖片（如 DALL-E、Midjourney 產出的配圖）在 AI 引擎眼中，往往只是無法解析的二進位資料，除非你額外掛上極度精準的 alt 標籤，且該 alt 標籤本身包含完整的論述邏輯。
| 內容載體 | 人類體驗 | AI 引擎可讀性 | GEO 引用潛力 |
|---|---|---|---|
| 高解析度 JPEG/PNG | 視覺衝擊強 | 極低（僅讀 alt 文字） | 低（易被跳過） |
| Render-time SVG | 清晰、可縮放 | 極高（讀取 <text> 節點） | 高（結構化引用） |
| Markdown 表格 | 資訊密度高 | 極高（語意完整） | 高（易被切片引用） |
| AI 擴散配圖 | 裝飾性強 | 極低（像素不可讀） | 零（純裝飾） |
這就是為什麼 TrueLink 的 blog 章節視覺堅持使用 render-time SVG 圖表與 Markdown 表格，而非依賴 AI 生成的裝飾性插畫。SVG 中的文字是真正的 <text> 元素，SSR（伺服器端渲染）後直接進入原始 HTML。AI 爬蟲讀取時，看到的是結構化的語意單位，而非需要 OCR 辨識的模糊色塊。
壓縮的邊際效用：當速度不再是唯一指標
回到「要不要壓縮」這個問題。答案是：要，但目的不同。
傳統 SEO 關注 Core Web Vitals（CWV），特別是 LCP（Largest Contentful Paint）。圖片過大確實會拖慢首屏載入，影響使用者體驗與排名。這是技術 SEO 的基礎衛生。
但在 GEO 層級，壓縮的價值在於「讓重要的結構化內容更快被解析」。如果一張 5MB 的圖片遮擋了關鍵的 SVG 圖表或表格，導致這些高價值內容延遲載入，那麼 AI 引擎在抓取時間窗口內可能無法完整讀取你的論點。
實務上，我們建議的壓縮策略是： 1. 裝飾性圖片：激進壓縮，轉為 WebP/AVIF，甚至使用 CSS 背景圖，確保不阻擋主內容流。 2. 資訊性視覺（SVG/表格）：不壓縮像素（因為它是矢量），但優化 DOM 結構，確保文字節點簡潔、語意清晰。 3. 關鍵路徑：確保包含核心論點的 SVG 與表格在 <head> 或首屏 HTML 中預載入，避免 JS 動態渲染導致 AI 爬蟲（通常不執行 JS）讀取不到。
這裡有一個常見的誤區：很多人以為「圖片越小，SEO 越好」。這在 CWV 層面成立，但在 GEO 層面，「資訊密度」比「檔案大小」更重要。一張 50KB 但包含完整論證邏輯的 SVG 圖表，遠勝過一張 200KB 但只是裝飾的 JPEG。
TrueLink 的 SVG 優先策略：為什麼我們捨棄 AI 擴散圖
在 TrueLink 的 blog 產線中，我們明確規定了章節視覺的製作規範：使用 render-time SVG 圖表（對比/支柱/步驟/重點）加上 Markdown 表格。這不是為了省成本，而是為了「可爬取性」（Crawlability）。
我們測試過使用 AI 擴散模型生成配圖的流程。結果顯示，雖然視覺上更精美，但 AI 引擎幾乎無法從中提取任何語意。相反，當我們改用 SVG 時，每個圖表中的標籤、描述、步驟，都成為可被獨立引用的語意片段。
例如，一篇關於「結構化資料」的文章，我們用 SVG 畫出「Schema.org 實體鏈」的結構圖。AI 引擎讀取時，能直接引用「Schema.org 讓搜尋引擎理解頁面的實體」這句話，並將其與文章其他段落關聯。如果這只是張 AI 生成的「資料流概念圖」，AI 只能看到 alt="data flow concept"，無法提取任何實質論點。
這種做法背後的理念是：內容的價值在於其可被引用的結構，而非其視覺呈現。在 AI 時代，「可被引用」比「好看」更重要。
壓縮與 SEO 的協同：CWV 與 GEO 的雙重優化
這並不意味著我們忽略技術 SEO。相反，GEO 與技術 SEO 在「載入效率」上是協同的。
Google 公開的內容品質指引將 Experience、Expertise、Authoritativeness、Trustworthiness（E-E-A-T）列為評估核心（來源：https://developers.google.com/search/docs/fundamentals/creating-helpful-content）。而 Trustworthiness 的一部分，就是網站的穩定性與載入速度。
因此，正確的壓縮策略是： 1. 識別核心內容：哪些是 AI 引擎需要讀取的語意單位？（SVG 文字、表格、H2/H3 標題） 2. 優化這些單位的載入：確保它們在首屏 HTML 中，且檔案大小適中。 3. 壓縮裝飾性內容：將非核心視覺元素壓縮至極致，甚至延遲載入，以確保核心內容的優先級。
這種「核心內容優先」的壓縮策略，既滿足了 CWV 的速度要求，又確保了 GEO 的語意完整性。
實務檢查清單：你的圖片壓縮策略是否 GEO-ready？
在調整圖片壓縮設定前，先問自己這三個問題：
1. 這張圖片包含核心論點嗎？
- 如果是，它是否以文字形式存在於 HTML 中？（SVG
<text>或 Markdown 表格） - 如果否，它是否只是裝飾？如果是，確保它不阻擋核心內容的載入。
2. AI 爬蟲能讀到這張圖片的文字嗎？
- 如果是 JPEG/PNG，它只能讀到 alt 標籤。你的 alt 標籤是否足夠完整、語意清晰？
- 如果是 SVG，它是否能讀到
<text>節點？你的 SVG 是否經過 SSR，直接進入原始 HTML？
3. 這張圖片的載入是否影響核心內容？
- 它是否位於首屏？是否阻擋了關鍵的 SVG 或表格？
- 如果是，考慮將其壓縮至極致，或移至核心內容之後。
結論：從「像素優化」到「語意優化」
圖片壓縮不是目的，而是手段。在 AI 搜尋時代，真正的優化目標是「讓 AI 引擎能清晰、快速、完整讀取你的核心論點」。
這意味著，我們需要重新定義「重要內容」的載體。不是高解析度的照片，而是結構化的文字、SVG 圖表、Markdown 表格。這些載體不僅對人類清晰，更對 AI 引擎「可讀」。
在 TrueLink 的實務中，我們發現，當我們把核心論點從像素中解放出來，放入結構化的文字與 SVG 中，AI 引擎的引用率顯著提升。這不是因為我們做了什麼神奇的 SEO 技巧，而是因為我們尊重了 AI 引擎的「閱讀方式」。
你的網站，是為人類的眼球優化，還是為 AI 的解析器優化？在 2026 年，這兩者必須兼顧，但後者決定了你能否被「引用」。
