photoshopで加工した画像がiPhoneで表示されない

image1
Photoshopで加工した画像をワードプレスに投稿すると、「PCでは表示されるけど、iPhoneでは表示されない」ってことありませんでしたか?

 

image2

ピクセル数を下げても表示されない→ファイルサイズの問題ではない。
検索してもパッとした答えがない→解決策がわからない。
そもそも検索ワードが思いつかない→「ワードプレス 画像 iPhone 表示されない」など?

そのような場合・・・

レイヤーを統合させる

全てのレイヤーを統合させると解決します。

具体的にお伝えすると、photoshopで画像を加工して最後に保存をするときに、フォーマットの選択をします。その際、注意書きとして「ファイルはこの選択範囲と共にコピーとして保存する必要があります。」と表示されていますが、この言葉がヒントでした。

image3

詳細は分かりませんが、調べていくとYahoo!知恵袋でこのようなやりとりがあり、試しに全てのレイヤーを統合させて、もう一度アップロードしてみると

image4

表示されました。

まとめ

photoshopで画像加工した後、PCで表示されてもiPhoneで表示されない場合「レイヤーを1つに統合して、画像を投稿する」というやり方で解決します。