準備一個適用於真實頁面佈局的英雄圖像

英雄圖像經常出現在主標題旁邊或後面。 在選擇匯出之前，請檢查主題、文字和控制項的位置。 靠近桌面全景邊緣的一張臉可能會在高大的手機收成中消失。 較大的檔案不會解決該框架問題。 當佈局需要時，使用您的設計或照片編輯器製作單獨的組合。

此工具可以安裝或裁剪提供的照片，但它不能擴展背景、移除物件或創建空白空間進行複製。 不要依賴銳利化使忙碌的背景適合文字。 該網站仍然需要足夠的對比和保持訊息可讀的佈局。 保留來源主機，以便您可以建立不同的手機裁切，而無需重複編輯已經壓縮的桌面交付檔案。

起始設定適合 1920 年 1920 像素，並透過光銳化匯出 WebP。 那個框框是一個說明性的界限，而不是每個英雄的要求。 測量圖像的實際佈局角色並透過您的網站提供合適的候選人。 Fit Inside 可以保護來源組合，而確切的大小會提供您應該仔細審查的特定裁切區域。

檢查面、建築邊緣、漸層和任何對頁面重要的細節。 將 WebP 與同等維度的 JPEG 進行比較，而不是假設特定的擴展總是獲勝。 在需要時保留 PNG 以獲得透明圖形，因為此處目前的 WebP 匯出使用白色背景。 避免放大一個小型庫存預覽：使用許可的全解析度來源。 位元組上限可以強制降低品質或像素，因此一起判斷導出的尺寸和可見的結果。

該文件只是英雄表演的一部分。 您的網站必須儘早要求正確的來源，保留其空間並避免延遲不相關工作背後的可見英雄。 以上的英雄通常是主要的視覺元素，因此請檢查其實際載入行為，而不是自動應用懶惰的載入。 轉換器無法變更您的頁面標記、內容系統或託管配置。

將候選人放在真正的草稿中並測試手機和桌面佈局。 在聲稱改進 LCP 之前，請檢查瀏覽器工具中選定的檔案並在現實條件下測量頁面。 驗證標題仍然可讀，並且在出現時英雄不會改變佈局。 如果圖片傳達訊息，請保留有用的替代文字，如果沒有，則保持適當的裝飾處理。 只有這樣才能將匯出選項應用於相關的頁面橫幅。 影像處理本身會保留在您的裝置上。

一個有用的第一次測試是完整的開啟畫面，其實際標題、按鈕和導航就位。 檢查最寬的桌面裁切和最窄的支援的手機裁切。 尋找主題消失，文字穿過繁忙區域和重要內容落後於控制。 如果照片僅在刪除標題時工作，請在進一步壓縮之前重新查看佈局或來源組合。 當實施支援並且對象需要它時，請保留單獨的電話裁切。 最終文件應該支援頁面的訊息及其載入預算，而不是單純看起來不錯。