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

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

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

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



横幅が広がったときの挙動が変わる!CSS Gridの「auto-fill」と「auto-fit」の違い
Vue CLIのプロジェクト管理用のGUI機能から環境を構築する
WordPressでbloginfo()の一部パラメーターの廃止・非推奨に注意!
さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
CSSやJavaScriptでスクロールバーの横幅を取得する方法
Local by FlywheelでWordPressのローカル開発環境構築のハードルが一気に下がる
Backlogで2段階認証を設定後、SourceTreeでアカウントエラーが発生する場合の対処法
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
HTML・CSSでWebサイト制作を行う際に必要なツール
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Macを起動したのが平日か休日か判定して、起動するアプリを変えるKeyboard Maestroマクロの作り方
Alfredのランチャー(メインウインドウ)が邪魔で後ろが隠れてしまうときの対処法
CSS Nite in Kobe, vol.51「すべての人がカメラを持つ時代の SNS映え・ウェブ映えする写真撮影テクニック と 写真撮影の基礎」に参加してきました
Alfred 4のClipboard History機能で、前にコピーした内容をペーストする方法
どうやって自分のデザインを伝える?「デザインの伝え方・話し方講座」CSS Nite in KOBE, Vol.27
Keyboard MaestroのTime of Dayトリガーは「Wireless Network Condition」での条件分岐とセットで使う!
Dart Sassを使う上で1番基本的なネストやアンパサンドの書き方|Dart Sass入門
Keyboard Maestroでウインドウのリサイズや移動をするときに使う「SCREENVISIBLE」についてのまとめ
Macでリッチテキストをコピペしたときに、余計なスタイルが入ってしまうのを回避する方法