昨日記事にしたように、ブログ(ワードプレス)内の画像を全部フルサイズで表示→大きさの編集をして、画像が綺麗に表示されるようにしました。

ちょっと表示は重くなっちゃった気もするけど、綺麗になったから良いかなーなんて思っていたら・・・な、なんと、

 

 

スマホだと画像が表示されてない!!!

※PCだとすべて綺麗に表示されています。

 

なんで!?

 

どういうことかというと、こういうことです。
たぶん画像を見ていただいた方が早いです。

image
↑スマホで見た画面。

このように、画像がきちんと表示されていません・・・。
真っ白。左上にimageと書かれて枠で囲まれています。

一応クリックすれば大きい画像が表示されますが、ページを開いたときに画像が見えないんじゃ意味がありません。

また、すべての画像がスマホで表示されないようになったわけではなく、非表示になったのはiPhoneの「カメラ」で撮った写真です。

iPhoneに表示されている画面を撮った「スクリーンショット」(パズドラ等)は、すべてきちんと表示されていました。

スポンサーリンク
[adsense]

iPhone5sのカメラアプリで撮影した画像が非表示になる

いろいろ調べてみると、どうやら非表示になったのは元のサイズが2448 × 3264のもののようです。
※同じカメラアプリで撮影したものでも、サイズが1536 × 2048のものは表示されていました。

ちなみに、2448 × 3264というのは、iPhone 5sのカメラアプリで撮影した際のデフォルトのサイズだったりします。

なので、iPhone 5sのカメラアプリで撮影した画像は元のファイルが大きすぎるため、スマホだと非表示になったんじゃないかなー・・・と思ってたりしてます。

よくわかんないですが。

 

とりあえず、画像が表示されない今のままだとブログとして問題があるので、なんとか対処法を考えようと思います。
※書くの忘れてましたが、レスポンシブでもレスポンシブじゃなくてもスマホだと表示されません。

※追記:一応、スマホでも画像が表示されるように修正しました!⇒WordPressの画像がスマホだと表示されなくなったのを解消しました