WordPress

今まで特に気にしていませんでしたが、あるときからpng画像を画像ブロックにドラッグ&amp;ドロップしても Web サーバーはこの画像に対してレスポンシブな画像サイズを生成できません。アップロードする前に JPEG または PNG に変換してください。 と出るようになってしまいました。 メディアライブラリから画像をアップロードして選択すれば表示できますが、アップロードからは画像を読み込めません。 500x500, 10kbほどのpng画像で、画像サイズが大きいわけでも容量が多いわけでもないのですが。 困りました。 いろいろ調べた結果、サムネイル等リサイズされた画像を自動生成する際にエラーが発生している可能性が出てきました。 対策として、WordPressの設定→メディアへ。 サムネイルのサイズ、中サイズ、大サイズの幅と高さの上限をすべて0にして自動生成を停止させました。 幸いブラウザ上でpngを圧縮したり、webpに変換してくれるプラグインを使用したりで画像そのものの容量は押さえてあるので、縮小された画像を使用しなくとも大幅な読み込み遅延は発生していません。 また、エラーメッセージをよく読むとレスポンシブな画像生成ができないと書いてあります。 サムネイル等の自動生成を停止しても一定以上の横幅の画像はやはり読み込めませんでした。 検証してみるとその幅は769px。これを超える横幅の画像はエラーが出ました。 結果、画像ブロックでアップロードする、ドラッグ&amp;ドロップで画像を読み込ませるという方法ならば、サムネイル等を自動生成しないこと、横幅を769pxまでに収めることが必要ということになりました。 もちろん、メディアライブラリでアップロードしてから画像を呼び出す場合は横幅が769pxを超えていても問題なく読み込みます。 WordPressやHTML&amp;CSSに詳しくないので対症療法になってしまいますが、参考までに記録しておきます。

【WordPress7.1】画像ブロックに画像をドラッグ&ドロップしても読み込んでくれない