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

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

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

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



Dart Sassを使う上で1番基本的なネストやアンパサンドの書き方|Dart Sass入門
gzip圧縮をしてウェブサイトの表示スピードを上げる方法
CSS疑似要素(::beforeや::after)のcontent内で改行したり半角スペースを複数入力する方法
Movable TypeでAssetURLやEntryPermalink・ContentPermalinkで出力されるパスを絶対パスから相対パスに変える
JavaScriptのtest関数と正規表現でバリデーションチェックを行う
コードスニペットの管理方法や命名規則について
Gitで最初に設定しておくユーザー名とメールアドレスのグローバル設定
スクロールしてもテーブルヘッダーが追尾するテーブルの作り方
Vue CLIでVue.jsの開発環境をセットアップするまでの流れ
Nuxt.jsでページを作成・追加する方法|Nuxt.jsの基本
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理