メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

HubSpot コンテンツでの画像の自動サイズ変更

更新日時 2023年 3月 29日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

画像の自動リサイズが有効です。は、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メール]の順に進み、左側のサイドバーメニューで[その他ツール]ドロップダウンメニューをクリックし、[ファイルマネージャー]を選択します。
  • ファイルの名前をクリックします。
  • 右側のパネルで[複製して編集]をクリックします。
  • [サイズ変更]をクリックして幅と高さをピクセル単位で入力します。
  • [複製を保存]をクリックします。

    resize-image
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。