WordPressで画像のサイズを変更して編集する方法（正しい方法） 

Trying to figure out how to resize an image in WordPress without breaking your layout or slowing down your site?

I’ve run into this problem more times than I can count. Whether I was adding blog images, product shots, or logos, oversized images always slowed down the page and looked off. That’s when I started using the built-in WordPress image editor — it’s quicker than most plugins, and it does the job well.

In this guide, I’ll show you exactly how to resize, crop, flip, and rotate images in WordPress — and how to undo those changes if needed. You won’t need extra tools or code. Just a few clicks inside your dashboard.

Let’s start with a quick summary of what you can do inside the WordPress Media Library.

Quick Summary: WordPress lets you resize, crop, rotate, flip, and restore images right inside the Media Library — no extra tools needed. These built-in features can help you speed up your site, improve user experience, and reduce hosting space.

• Resize: Use ‘Scale Image’ to shrink large images without cropping.
• Crop: Click and drag to trim images visually.
• Rotate: Turn images 90° left or right.
• Flip: Mirror images horizontally or vertically.
• Restore: Reset to the original image with one click.

目次

始めようか？

ほとんどのWordPressテーマは、特定の画像サイズに最適化されています：

• 大型
• ミディアム
• 小さい
• サムネイル

あなたのテーマで求められている画像サイズを決め、アップロードする画像のサイズをそれに合わせて変更することは、画像を素早く読み込むための素晴らしい方法です。

画像のサイズがわからない？

まず、WordPressのコンテンツエリアの幅を調べます。コンテンツエリアは、サイトに追加したテキストや画像が表示される場所です。

You can check this using Chrome’s Inspect Tool. Right-click anywhere on your site and select Inspect. Then hover over your content area to see its width in pixels — no need to touch the code.

コードが書かれたウィンドウが表示されます。見た目がどんなに怖くても心配しないでください。

カーソルをコードの上に移動させ、ハイライトされた列（通常は青色）を確認する。ハイライトされた部分の上部にツールチップが表示されます。最初の数字は、テーマのコンテンツの幅です。

私たちの場合、幅は695ピクセルです。つまり、アップロードする画像の幅は695ピクセル以下でなければなりません。

これで画像サイズのスタート地点ができたので、WordPressでフィーチャー画像を作成したり、既存の画像のサイズを変更したりすることができます。

それでは、WordPressを使って画像のサイズを変更する方法を詳しく見ていきましょう。

How Do I Resize an Image in WordPress?

WordPressを使って画像をリサイズするのはとても簡単です。

WordPressの管理画面からメディア"ライブラリにアクセスしてください。

WordPressでリサイズしたい画像をアップロードするか、クリックする。

ここから、画像の編集をクリックします。

Under the Scale Image heading, you can resize the image by entering new dimensions. This tool shrinks the image without cropping anything out, and WordPress automatically keeps the correct aspect ratio.

If you just enter a width, the height will automatically be calculated based on the image ratio or vice versa.

最初のボックスに、コンテンツエリアの幅を入力します。私たちの場合、これは695ピクセルでした。

完了したら、Scaleをクリックして画像のサイズを変更します。

リサイズされた画像を使用するには、画像の詳細ページに戻り、以下のスクリーンショットのようにURLをコピーします。

以上です！これで、WordPressを使って画像のサイズを変更することができました。

画像のリサイズがページ速度にどのような影響を与えるかを知るために、元の画像とリサイズ後の画像のページ速度を見てみましょう。

この例では、Blog Tyrantのウェブサイト速度テストツールを使用した。

標準的なブログ記事に追加した場合のオリジナル画像サイズのテスト結果です。

そして、リサイズした画像の結果がこちら。

Even small differences in image size can add up fast. For example, our original image was 2.5MB — after resizing, it dropped to 280KB. That’s a 90% reduction. On a site with dozens of images, these savings can make your pages load faster and keep visitors from bouncing.

But imagine a website with hundreds of images. Even the smallest difference in loading times can have a huge impact on how likely visitors are to stay on your page.

それでも、WordPressが提供するのは単純な画像サイズ変更だけではありません。画像の切り抜き、回転、反転も可能だ。その方法を見てみよう。

How Can I Crop an Image in WordPress?

WordPressで画像を切り抜くには、画像のサイズ変更と同じ手順を踏みます。

メディア"ライブラリに向かい、切り抜きたい画像をクリックし、画像の編集をクリックします。

Next, click and drag your mouse on the image to start cropping. Cropping means cutting out unwanted edges to focus on a specific part of the image.

小さな四角のどれかをクリックして、切り抜く範囲を調整したり、画像の周りを移動したりすることができます。満足したら、下図のようにトリミングアイコンをクリックします。

ここで「保存」をクリックする。

簡単なことだが、画像をトリミングしたことになる！

トリミングした画像を使用するには、画像の詳細ページで再度URLを選択します。

しかし、画像を別の方向に回転させたい場合はどうしたらいいでしょうか？ご心配なく、WordPressならそれも可能です。次はその方法をご紹介します。

How Do I Rotate an Image in WordPress?

WordPressで画像を回転させる方法については、以下の手順に従ってください。

まず、Media"Libraryで画像を選び、Edit Imageをクリックします。

左回転]または[右回転]ボタンをクリックして、画像を90度ずつ回転させます。

もし失敗しても慌てないでください。Undoボタンをクリックすると、画像が最後のステップにリセットされます。

問題がなければ保存をクリックします。

素晴らしい仕事だ！WordPressで画像を回転させるのはとても簡単ですよね。では、画像を反転させる方法を見てみましょう。

How Do I Flip an Image in WordPress?

WordPressでの画像の反転は、画像の回転と基本的な手順は同じです。

まず、WordPressのダッシュボードからMedia"Libraryに行き、画像を選択し、Edit Imageをクリックします。

To flip your image, click the Flip Vertically or Flip Horizontally button. Flipping mirrors the image — vertically means upside-down, horizontally means left-to-right.

完了したら保存をクリックする。

画像に変更を加えた後、元の画像に戻ってやり直したくなったらどうしますか？その方法については、こちらをご覧ください。

Can I Undo Image Edits in WordPress?

私たちは皆、時々失敗する。人間だものね。

WordPressで画像のリサイズに失敗しても、大丈夫。簡単に元の画像に戻すことができます。

下の画像では、明らかに間違った場所で画像をトリミングし、小さすぎる寸法に画像を拡大縮小しています。

画像編集画面の右側を見ると、「オリジナル画像に戻す」という見出しがあります。

これをクリックすると、画像を元のサイズに戻すボタンが表示されます。

Click Restore Image to reset all of your changes. This brings back the image exactly as it was when you first uploaded it — removing any crops, flips, rotations, or size changes you made.

これで、あなたの画像は最初にアップロードしたときとまったく同じになった。かなり便利でしょう？

そうだ！

今日は、WordPressを使って画像のサイズを変更する方法を学びました。さらに、画像の反転、切り取り、回転、リセットの方法も紹介します。

また、WordPressテーマのコンテンツ領域に基づいて理想的な画像サイズを見つける方法もわかりました。これで、訪問者があなたのウェブサイトにアクセスしたとき、ブラウザは画質を落とすことなく画像をより速く読み込むことができます。

WordPressで画像のサイズを変更する方法を楽しんでいただけたでしょうか？さらに詳しいヘルプをお探しの場合は、以下のガイドをご覧ください：

• WordPressのページにギャラリーを追加する方法
• WordPressでブログのレイアウトを変更する方法
• WordPressでカスタムページを作成する方法
• ワードプレスに動画を埋め込む方法
• WordPressテーマのフォントを変更する方法

お読みいただきありがとうございました！ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTube、X（旧Twitter）、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。