更新日時 2020年 10月 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 アカウントをお持ちの場合は、[マーケティング]>[Eメール]の順に進み、左側のサイドバーメニューで[その他ツール]ドロップダウンメニューをクリックし、[ファイルマネージャー]を選択します。
- ファイルの名前をクリックします。
- 右側のパネルで [複製して編集] をクリックします。
- [サイズ変更] をクリックして幅と高さをピクセル単位で入力します。
- [複製を保存] をクリックします。
