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

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

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

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



「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる
Visual Studio Codeで対応する括弧に色を付けて見やすくする環境設定
iTerm2で起動時に左上に表示される「Tip of the Day(今日のTip)」を非表示にする方法
HTML・CSSでWebサイト制作を行う際に必要なツール
Visual Studio Codeで連番を入力する拡張機能「vscode-input-sequence」
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
ウェブサイトをダークモードに対応するときに気をつけること
Webデザイナーを目指す専門学生が技術ブログを書くメリット
Visual Studio Codeでコメントを色分けして管理する「Better Comments」
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する