更新日時 2023年 7月 27日
更新日時 2023年 7月 27日
|
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ピクセルを超える画像は、自動的にサイズ変更されません。
画像サイズを手動で変更するには、次の手順に従います。