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

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

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

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



スライドを簡単に実装できるJavaScriptライブラリ「Swiper」
npm install時に「cb() never called!」とエラーが表示されたときの解決法
Nuxt.jsでコンポーネントを作成してコードの共通化を行う|Nuxt.jsの基本
Google Chromeでinput要素の補完機能を使うと背景に色がついてしまう問題
WordPressの自動バックグラウンド更新を無効にする方法とその注意点
Visual Studio Codeのファイル横に表示されるファイルアイコンのテーマまとめ
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
JetpackでのError during WebSocket handshakeの解決方法
Webデザイナーを目指す専門学生が技術ブログを書くメリット
Visual Studio Codeとスニペット・ドキュメント検索アプリの「Dash」連携を行うプラグイン
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する