更新日時 2021年 8月 19日
HubSpot でホストされているコンテンツでは、既定で画像の自動サイズ変更が有効にされています。自動サイズ変更により、表示される画面に合わせて画像が最適化されるため、ブラウザーへの読み込み時間が短縮され、Google PageSpeed のスコアが改善されます。<img>タグに高さと幅の属性が定義されている画像には、いずれもサイズ変更が適用されます。
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">
注：高さまたは幅が4096ピクセルを超える画像は、自動的にサイズ変更されません。
画像のサイズを手動で変更するには、次の手順を実行します。
- ファイルツールに移動します。
-
- HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［ファイル］の順に進みます。
- 「Marketing Hub Starter」アカウントをお持ちの場合は、［マーケティング］>［ファイル］の順に進みます。
- 「Marketing Hub Starter」アカウントをお持ちの場合は、［マーケティング］>［Eメール］の順に進み、左側のサイドバーメニューで［その他ツール］ドロップダウンメニューをクリックし、［ファイルマネージャー］を選択します。
- ファイルの名前をクリックします。
- 右側のパネルで［複製して編集］をクリックします。
- ［サイズ変更］をクリックして幅と高さをピクセル単位で入力します。
- ［複製を保存］をクリックします。
