スポンサーリンク
スポンサーリンク

[WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」

ニッチな話題ホームページ運用

WordPressのエディタ画面に画像をアップロードすると、たまにうまく表示されないことがあります。

ところが、「メディアの選択」で確認すると、画像が表示されます。

アップロードはできているようです。

ところがこの画像を挿入しても、同じくエディターに表示されません。

スポンサーリンク

ブラウザによって表示されたり、しなかったり

ブラウザからブログエディタでエラーになっているアドレス(https://chiilabo.com/wp-content/uploads/2021/11/ScreenShot-2021-11-02-23.34.33-1024×256.png)に、アクセスしてみます。

すると、ChromeとSafariで挙動が異なりました。

そこで、アップロードした画像のURLアドレスにアクセスしてみます。

すると、こちらは、Chromeでも表示されました。

画像サイズと縮小版の生成

表示できたアドレスとの違いを見てみると、ファイル末尾にある「-1024×256」の部分が違います。

  • 【▲】https://chiilabo.com/wp-content/uploads/2021/11/ScreenShot-2021-11-02-23.34.33-1024×256.png
  • 【○】https://chiilabo.com/wp-content/uploads/2021/11/ScreenShot-2021-11-02-23.34.33.png

これは、画像ブロックの画像サイズの設定で付加されています。

画像がWordPressにアップロードされると、処理データを軽くするために、3種類の縮小版の画像が生成されます。

画像サイズ
  • サムネイル(150×150)
  • 中(300x##)
  • 大(1024x##)
  • フルサイズ(オリジナル)

どうも、縮小版の画像生成の過程でエラーが含まれてしまったようです。

仕方がないのて、画像をアップロードし直しました。

QRコードを読み込むと、関連記事を確認できます。
[WordPress]エディタでうまく表示されない画像のアドレス「画像に alt 属性が指定されていません」
タイトルとURLをコピーしました