知識庫

自動調整 HubSpot 內容的圖片大小

作者:HubSpot Support | Nov 21, 2022 11:55:43 AM

HubSpot 架設的內容預設自動調整圖片大小。這可優化圖片,使其適合在螢幕上檢視,從而減少瀏覽器的載入時間,並改善 Google PageSpeed 評分。

自動調整圖片大小

  • 任何在 <img> 標籤中定義了高度和寬度屬性的圖片都會被調整大小。
  • 高度或寬度大於 4096 像素的影像將不會自動調整大小。

停用自動調整影像大小

您可以在 HTML 程式碼的影像 URL 中加入下列查詢參數,停用個別影像的自動調整大小功能:

?noresize

例如,以下圖片會在頁面上調整大小,因為高度寬度屬性是在 HTML 的 <img> 標籤中設定的:

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg" height="500px" width="600px">

若要停用自動調整圖片大小,只需在圖片 URL 中加入額外的 ?noresize 參數即可:

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg?noresize" height="500px" width="600px">

手動調整圖片大小

在檔案工具中手動調整圖片大小:

  1. 按一下檔案名稱
  2. 在右側面板底部,按一下複製並編輯。然後選擇 裁剪並調整大小。如果您的圖片檔案能見度已設定為隱私則不會出現此選項。
  3. 在左下方,按一下調整大小。然後輸入寬度高度(以像素為單位)。
  4. 在右下方,按一下儲存新影像。調整大小的影像將會儲存為新檔案。

    .