WordPressで画像のサイズを指定する方法(GTmetrixアイテム)

する必要があります 画像の寸法を指定する ワードプレスで?


つまり、幅と高さを 画像のHTML またはCSS。画像に指定された画像サイズがない場合、GTmetrixレポートにエラーとして表示され、GTmetrixはその画像に追加する必要がある正しい幅と高さを通知します.

画像のサイズを指定するWordPress

WordPressサイトで画像を見つけてHTMLを表示し、次のように幅と高さを追加するだけです。

1. GTmetrixで特定の画像寸法エラーを見つける

GTmetrixは、テストする単一ページのエラーのみを表示します.

GTmetrixを介して任意のページを実行し、指定された画像の寸法エラーがある画像を確認します.

画像のサイズを指定するGTmetrix

2 GTmetrixから画像の幅と高さをコピーする

次に、画像の幅+高さ(GTmetrix提供)をコピーします.

GTmetrix画像の寸法

3.ウェブサイトで画像を見つける

次に、WordPressサイトで画像を見つける必要があります.

WordPressビジュアルエディター 画像のサイズが自動的に指定されるため、通常、ここで画像のエラーは発生しません。ただし、Webサイトの一部の領域では、画像の寸法が自動的に指定されない場合があります(ページビルダー、スライダー、ウィジェット、および手動でコーディングされたHTMLまたはCSS)。あなたはどちらを学ぶ必要があります 範囲 あなたのWordPressサイトのあなたにエラーを与えています.

WordPressウィジェット画像を見つける

画像寸法ウィジェットを指定する

4.画像のHTMLに幅と高さを追加する

画像を見つけたら、HTMLを表示すると、幅と高さが指定されていないことがわかります。次のように、これらをHTMLに挿入するだけです。 幅=” 135”高さ=” 135”

画像のサイズを指定するWordPress

5. GTmetrixでページを再テストする

変更を保存し、GTmetrixを介してページを再実行します。エラーがあった画像を修正する必要があります.

100%画像サイズを指定

6.画像サイズの指定プラグインを使用する

画像寸法プラグインを指定する すべてのサイトをスキャンします 幅+高さが不足しているタグを自動的に追加します。しかし、私はこのプラグインで成功しませんでした.

画像寸法プラグインを指定する

7.複数のページでの画像の寸法指定エラーの修正

同じ画像が複数のページ/投稿に表示され、特定の画像寸法エラーがありますか?

Better Search Replaceプラグインを使用して、ロゴ、ウィジェット画像、および複数のページに表示されるその他の画像を個別に調べる必要なく修正できます。時間を節約できます.

ステップ1:インストール 検索置換プラグインの改善.

ステップ2:[検索]フィールドに、幅+高さを指定せずに画像のHTMLを追加します。 [次と置換]フィールドに、幅+高さを含む新しいバージョンの画像を追加します.

ステップ3:プラグインがスキャンして画像を置き換えるテーブルを選択します。テストしたい場合は予行演習を実行できます。それ以外の場合は、そのオプションのチェックを外して「検索/置換の実行」をクリックします。

より優れた検索置換画像

ステップ4:プラグインは、選択したすべてのテーブルで画像を検索/置換します。終了すると、Better Search Replaceはスキャンしたテーブルの数と置換した画像の数を通知します.

その他の画像の最適化

完全なチュートリアルを書いた WordPressでの画像の最適化 以下が含まれます:

  • 画像の圧縮
  • CDNによる画像の提供
  • GIFのサイズ変更
  • EXIFデータの削除
  • 画像と動画の遅延読み込み
  • Cloudflare Mirage、ポーランド語、ホットリンク保護

GTmetrixでの画像の最適化

WordPressの速度に関するチュートリアルをもっと探す?
ここに私が書いた他のチュートリアルがあります:

  • WP Rocketのセットアップ方法(推奨するキャッシュプラグイン)
  • Cloudways対SiteGround(私がお勧めする2つの上位ホスト)
  • GTmetrixスコアを100%取得する方法(WordPress速度ガイド)

WordPressの速度の最適化に関するすばらしいビデオもあります。

このチュートリアルがお役に立てば幸いです。もう画像寸法エラーを指定する必要はありません。!

よくある質問

✅画像のサイズをどのように指定しますか?

GTmetrixでエラーを見つけ、画像の適切な幅と高さ(GTmetrixによって提供される)に注意してください。次に、WordPressダッシュボードで画像を探し、HTMLコードを表示します。次に、幅+高さを画像のHTMLに追加します。例:width =” 680″ height =” 340″

✅正しい画像サイズはどこにありますか?

GTmetrixは、Specify Image Dimensionsで幅と高さが指定されていない画像の正しい寸法を教えてくれます.

✅ GTmetrixで画像を最適化する方法?

つまり、ShortPixelやImagifyなどのプラグインを使用して、画像を可逆圧縮する必要があります。私はShortPixelを使用しています.

✅スケーリングした画像をどのように提供しますか?

GTmetrixでスケーリングされた画像エラーを提供している場合は、アップロードする画像が大きすぎて、正しいサイズに変更する必要があることを意味します。スライダー、ポートフォリオ画像、ウィジェット画像、全幅のブログ画像、およびWebサイトの他のセクションでは、特定の寸法が必要です。アップロードする前に画像のサイズを変更して、画像が収まるようにする必要があります.

それでも質問がある場合はコメントをください.

乾杯,
トム

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map