WordPressのメディアライブラリで画像を追加するときに表示される「HTTP エラー」の解消方法

WordPressのメディアライブラリで「メディアを追加」から画像をアップロードしようとすると、「HTTP エラー」というエラーが表示されて画像のアップロードができないときがあります。

今回はその原因と解消方法についてまとめておきます。
HTTP エラーが出てくる原因

WordPressの画像アップロード時にHTTPエラーが出てくる原因のほとんどは下記のどれかです。
- WordPressのセッションが切れている
- 画像ファイルのサイズが大きすぎる
- ネットの接続が途切れている
サーバーのメモリ不足やサーバーのエラーの場合もあるみたいですが、自分は経験したことはありません。
WordPressのセッションが切れている
WordPressのログインセッションが切れていると、サーバーと通信ができないのでアップロードエラーになってしまいます。
複数タブを開いて、別のタブでログアウトしてしまっていたりすると発生する可能性があります。
ページリロードをしてみましょう(command + shift + Rを押せばキャッシュクリアしてリロードしてくれます)。
画像ファイルのサイズが大きすぎる
画像ファイルの「容量が大きい場合」と「横幅と縦幅のサイズが大きい場合」にHTTPエラーが出てくるときがあります。
特に自分の場合は、Macで撮影したスクリーンショットをアップロードしようとしたときにたまにエラーが出てきます(ImageOptimで画像圧縮していたとしても、たまに表示されます)。
画像形式がPNGということもありますが、レティーナディスプレイで撮影したスクリーンショットはサイズが2倍になるので、適切にリサイズして圧縮してからアップロードしましょう。
ネットの接続が途切れている
最後はネットの接続が途切れているパターンです。
途切れていなくても、ネットの回線が重いときは表示されるときがあります。
HTTP エラーが出てきたあとはファイル名を変えてアップロードする
WordPressでは、少し前にアップロードしたファイルと同じ名前のファイルをアップロードすると、前にアップロードしたファイルと同じと判断されてしまうことがあります。
何度かアップロードしてうまくいかないときは、ファイル名を変えるとうまくいくかもしれません。



WordPressのContact Form 7で送信時に回転アイコンが出たまま止まってしまうときのチェックリスト
Google Maps APIを使ってGoogle Mapsをウェブサイトに表示させる方法
WordPressのカスタム投稿タイプを追加後、ページは存在しているはずなのに404になる場合の解決方法
JavaScriptのテンプレートリテラル内で条件分岐を行う方法
HTMLが書ければすぐ習得できるテンプレートエンジン「EJS」の基本的な書き方
Gitで1行しか変更していないはずのに全行変更した判定になってしまう
EmmetのWrap with Abbreviationで複数行のマークアップを効率的に行う
TwitterとFacebook用のOGP設定方法と表示確認方法
Visual Studio CodeからFTPソフトのTransmitを使用する拡張機能「Transmit」
pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
FigmaでAdobe XDやSketchのデータを開く方法
Alfred 4で使えるシステムコマンドのまとめ
Apple Watchでスクリーンショットを撮る方法
ATOKで簡単に今日の日付を入力する方法
どちらの表記がより一般的なのか? /「ウインドウ」と「ウィンドウ」/「バイオリン」と「ヴァイオリン」/「バーチャル」と「ヴァーチャル」
MAMPでhtdocs内に複数のローカルホストを作成する方法
ファイル移動を補助するPath Finderの特徴的な機能「ドロップスタック」について
データベースの操作がGUIで分かりやすく操作できるSequel Proの最低限の使い方
CSSで::placeholderにスタイルを設定する方法