COLUMN

WordPressの管理画面内で画像編集する方法（指定のサイズに変更してからトリミング）

公開日 2020.07.15

本文・操作画面・数値は記事掲載時点のものです。

気になるところから、ゆっくり読んでみてくださいね。日々のお仕事に取り入れられそうなヒントを、一緒に探していきましょう。

WordPressで画像をアップロードする際、管理画面内で画像のサイズを変更したり、トリミング（切抜）などを行うことができます。
このページではワードプレスの管理画面の中で画像を編集する一例として、指定のサイズに変更してからトリミングを行う方法をご紹介します。

サイズ変更やトリミングをそれぞれ行う方法は以下の別ページでご紹介していますので、ご参考までにご覧ください。

基本的には上記のページで紹介している方法を順番に行っていくのですが、画像サイズを変更する際に自動で縮尺変更されてしまうので、縦横のサイズを指定のサイズで希望の箇所を思うような範囲で切り抜くことができないという場合があります。
そのような場合は、以下で紹介している方法をお試しください。

ここで編集する例は、以下のように縦横比が異なるサイズに縮小変更してみます。

元の画像サイズ: [横]1920 × [縦]1280 px（ピクセル）
↓↓
変更後の画像サイズ: [横]800 × [縦]485 px（ピクセル）

なお、このページで使用している画像はWordPress5.4を元に作成しており、パソコンからの投稿を前提とした基本的な機能の使い方となります。
スマートフォンやタブレットでは管理画面の構成が若干異なりますが、スマートフォンからでも編集が可能です。

ブラウザの種類は、WindowsならGoogle ChromeやFirefox、MicrosoftのEdge、MacならSafariをおすすめします。
IE（インターネット・エクスプローラー）ではうまく表示されないことがあるのでご注意ください。

この画像サイズを [横]800px に縮小してみます。
赤枠内の「画像縮尺」の変更で左側の枠（横）に「800」と入力すると、右側の枠（縦）に自動で縮尺された数字（533）が表示されます。
今回行うサイズ変更は [横]800 × [縦]485 px（ピクセル）にしたいのですが、この「画像縮尺」では横縦横のいずれかの数字を入力すると、自動で縮尺された数字が表示されてしまいます。
従って、大きいサイズの方（今回の場合は横サイズ）で一旦自動縮尺しておきます。

縮尺変更ボタンをクリックすると、サイズ変更した画像が保存されます。