Safariでは画像が表示されるのにChromeでは表示されない問題が発生!解決方法はボタン一つの簡単なものでした!

先日、画像が表示されないという問題が起きました。Safariでは画像が表示されるのに、Chromeだと表示されないという現象。いろんな人に聞いてみるも解決策が分からなかったのですが、あることを試したら解決できたのでBlogにまとめておきます。

まずはSafariの画面をご覧ください。

画像がしっかり表示されています。

続いてChromeの画面です。

文章までは表示されますが、画像が表示されません。

WordPressの編集画面をChromeで開き、画像を入れ直してもダメ。写真の拡張子がjpgかどうかを確認してみましたが問題なし。いくらGoogle検索をしても解決策が見つからず。WordPressに詳しい人に相談してみるものの解決策が分からず。
途方に暮れていたのですが、ある作業をしたらあっという間に直りました。

原因は画像の配置方法にありました

WordPressの投稿編集画面で写真をクリックすると、こんな画面が出てきます。
写真を「左寄せ」・「中央揃え」・「右寄せ」から選ぶ項目ですが、メディアを追加から写真を配置すると「左寄せ」で配置されてしまいます(もしかすると設定で変更できるのかもしれませんが)。これを「中央揃え」にしてみたんです。
そうすると・・・Chromeでも見事に表示されました!

たったこれだけで解決するとは・・。散々悩んだのがバカみたいですが、悪戦苦闘したからこそ、神様が解決策を授けてくださったのだと思うことにしましょう(苦笑)。

もし“ブラウザによって画像が表示されない”と悩んでおられる方がおられたら、まずは画像の配置を「中央揃え」に変更する。これを試してもらえればと。使用しているWordPressテーマによっては、こういった表示エラーは起こらないのかもしれませんが、僕が使っている『Colors』では起こってしまいました。たまたま解決できましたが、あの時、「中央揃え」をクリックしていなかったらまだ解決していないだけに、ちょっとゾッとします。

画像が表示されなかったらまずは「中央揃え」をクリック

同じような現象が発生した時は、これを試してみてください!

ABOUT

フリーランスブロガー真田 一平
フリーランス・真田一平の公式ブログです。
■ブログ「IPPEI CREATE」
■広島県営SNS「日刊わしら」のカープ担当・企画担当
■2010年からTJ Hiroshimaでカープ選手の記事を連載中
■広島アスリートマガジンWEBの編集
■SUUMO制作パートナー
■「わしらとうちらのカープ会」主宰(月に一度開催中)