Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで逆さまや反転した画像を修正する方法

WordPressで逆さまや反転した画像を修正したいですか?

モバイル端末から画像をアップロードすると、WordPressのメディアライブラリで画像が反転または上下逆さまに表示されることがあります。これはiPhoneなどのiOS端末から画像をアップロードした場合によく起こるようです。

この投稿では、WordPressで逆さまや反転した画像を修正する方法を紹介します。

How to fix upside down or flipped images in WordPress

WordPressで画像が上下反転するのはなぜ?

バージョン5.3以降、WordPressは各画像に埋め込まれたメタデータを調べ、そのデータに基づいて画像を回転させるようになりました。WordPress5.3以降をインストールしている場合、ほとんどの場合、WordPressは逆さまや反転した画像を自動的に回転させるはずです。

WordPressがどのようにメタデータを使用するかについては、WordPressでEXIF写真タグを追加する方法のガイドをご覧ください。

しかし、一部のWordPressユーザーには、WordPressのメディアライブラリで画像が反転して表示されたり、逆さまに表示されたりすることがあります。

A flipped image in the WordPress media library

WordPressブログでこのような現象が発生している場合、いくつかの修正方法を試すことができます。すぐに特定の方法に飛びつきたい場合は、以下のリンクをご利用ください。

方法1.WordPressメディアライブラリの画像の上下反転を修正する方法

WordPressサイトの管理エリアでは、画像の回転や上下反転などの基本的な画像編集を行うことができます。この機能を使えば、プラグインをインストールすることなく、WordPressで画像の上下反転を修正することができます。

画像を回転または反転させるには、左側のメニューからメディア ” ライブラリをクリックしてWordPressのメディアライブラリを開きます。

The WordPress media library

回転させたい画像をクリックします。

WordPressの画像にタイトル属性を追加したり、画像のaltテキストを追加するなど、画像を編集するための基本的な設定が表示されます。

画像を回転・反転させるには、「画像を編集」ボタンをクリックします。

Editing an image in the WordPress media library

画像を時計回りに回転させるには、「右回転」ボタンをクリックします。

画像を反時計回りに回転させるには、「左回転」ボタンをクリックします。

Rotating a flipped image in WordPress

もうひとつの設定は、画像を縦に反転させることだ。

これを行うには、単に「垂直フリップ」ボタンをクリックします。

Flipping a WordPress image vertically

ライブプレビューは自動的に更新されるので、画像の見え方に満足するまで設定を弄ることができる。

終了したら、画像の下にある「保存」ボタンをクリックして変更を保存します。

画像の編集中にミスをした場合は、[元に戻す]ボタンをクリックし続けるだけで、画像の見た目に満足できるまで各変更を元に戻すことができます。

The 'Undo' button in the WordPress media library

すでに画像を保存済みですか?その画像を選択し、’Edit’ボタンをクリックすることで、上記で説明したように、元の画像を復元することができます。

ただし、今回は「Restore Original Image」をクリックして、このセクションを展開してください。最後に’Restore image’ボタンをクリックします。

Restoring an image in the WordPress media library

しばらくすると、Imageが正常に復元されたというメッセージが表示されます。

また、WordPressメディアライブラリのビルトインツールを使って、画像の拡大縮小や切り抜きもできます。さらに詳しく知りたい方は、WordPressで基本的な画像編集を行う方法のステップバイステップガイドをご覧ください。

方法2.WordPressで 画像の 上下反転を自動的に 修正する方法

WordPressのメディアライブラリ内の画像を1枚1枚修正するのは、画像が反転していたり、上下が逆になっていたりすると、手間がかかります。その点、Fixed Image Rotationプラグインを使えば、画像を自動的に回転させることができます。

写真を撮るとき、スマートフォンは通常その画像のOrientation値を作成します。このプラグインはこのOrientationの値を見て、必要に応じて画像を回転させます。これはすべて自動的に行われるので、時間と労力を節約できます。

固定画像回転が使用するメタデータをご覧になりたいですか?

多くの編集ソフトでは、画像のメタデータを確認することができます。例えば、Macのプレビューアプリを使えば、画像のオリエンテーション情報を確認することができます。

プレビューで画像を開き、ツール ” インスペクタを表示 を選択します。

The Preview app on macOS

表示されたポップアップで、「全般」タブをクリックする。

これで、この画像の Orientation 値を見ることができます。これは、”Fixed Image Rotation “が逆さまや反転した画像を修正するために使用する情報です。

Orientation data, embedded in an image

WordPressでこれらの画像を固定するには、まず FixedImage Rotationプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した時点で、Fixed Image Rotationプラグインは自動的に動作を開始し、設定する必要はありません。

携帯電話から任意の画像をアップロードできるようになり、WordPressは必要なときにその画像を自動的に反転させる。

この投稿がWordPressで逆さまや反転した画像を修正する方法を学ぶのにお役に立てば幸いです。また、WordPressでカスタムInstagramフォトフィードを作成する方法や、WordPressのよくあるエラーとその修正方法のリストもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

12件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Amy says

    When I clicked the link for iOS image fixer; it hasn’t been updated in two years and also says it hasn’t been tested with the most updated versions of WP.

    Is there another plug-in that you’d recommend instead?

  3. Tony Darbyshire says

    Though I edit my images prior to uploading them into the media library so that the orientation is correct, I’m suddenly finding that some images are coming in with the wrong rotation. When I try to use the edit image function in WordPress it then comes up with the following comment:

    Could not load the preview image. Please reload the page and try again.

    No matter how many times I refresh the media library it’s still coming up with this message.

    I’ve never had this problem before and I’m wondering if the latest version of WordPress has a bug that’s causing this? I have the latest WordPress update.

    Any advice on what’s causing this error, and how to fix it would be greatly appreciated. Thanks.

  4. jeff says

    I was having Flipped images issue on Iphone only, but images were fine on desktop and android.I used ios image fixer plugin. Weird things happened.Now some of the images on the desktop also got flipped and I continue to have flipped images on the iPhone. So the problem is worse now. What should I do now

  5. Kellie Ellermann says

    Hi,
    I’m having a real annoying thing happen, the images look normal in my wordpress.org media library (not flipped) but the ones (only that I took with my iphone) will then appear flipped ONLY when you view my site on mobile phone. It’s ALL normal and correct when it’s on desktop. HELP please it’s making me nutty and I fear detracting companies working with me :(

  6. Erin says

    Thanks so much for this. I’ve had images that wouldn’t rotate for months now. Has been frustrating the hell out of me.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。