更新日時 2025年10月10日
以下の 製品でご利用いただけます（別途記載されている場合を除きます）。
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">
手動で画像のサイズを変更する
ファイルツールで手動で画像のサイズを変更するには、次の手順に従います。
- HubSpotアカウントにて、［コンテンツ］＞［ファイル］の順に進みます。
- ファイルの名前をクリックします。
- 右側のパネルの下部にある[ 複製して編集]をクリックします。次に、[ 切り抜きとサイズ変更]を選択します。画像ファイルの共有範囲が [非公開]に設定されている場合、このオプション は表示されません 。
- 左下の[ サイズ変更]をクリックします。次に、幅 と 高さ をピクセル単位で入力します。
- 右下の[ 新しい画像を保存]をクリックします。サイズ変更された画像は新しいファイルとして保存されます
。
