お仕事のご依頼や採用についてなど、お気軽にお問い合わせください。TIPSサイズ制限に注意!iPhone・iPadの画像表示トラブルについてこんにちは、ブログを書かないうちにあっという間に寒くなりましたね。皆様風邪などひいてはいないでしょうか?おかべん...ではなく、今回は代理で私、はまだがお送りいたします。これから時々、ちょっとしたweb制作知識を掲載していきたいと思いますのでどうぞ今後ともよろしくお願いいたします。今回の記事では、iPhoneの画像表示で困った事件とその解決法をご紹介。以下、弊社の社員がお仕事で遭遇した事件です。クライアントのご要望で簡単なアニメーションを作ることになったのが事の発端でした。_)m)見た目もキレイで導入も簡単。今後も使っていけそうだな~とホクホクしていたのですが、iPadでチェックしてみてびっくり!アニメーションが4分割されて表示されます。タイルのように敷き詰められております...慌てて調べてみると、iPhone・iPad版のsafariの仕様による問題ということが分かりました。いうことで原因はこちら。「GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル(重さの2MBではない)。×1024でなければいけません。容量を縮小するために、ブラウザ側で画像を改変してしまうそうです。試しに、高さを19536ピクセル→4000ピクセルに変更して試してみたところ、通常通り表示されたそうです。ちなみに、ご依頼のアニメーションはクライアントとのご相談の結果、GIFアニメで実装となりました。iPhoneやiPadの画像表示がおかしい?分割される?と思ったら、画像サイズを確かめてみて下さい。いうことで、この記事が少しでも誰かの役にたてばいいな~と思います。USお仕事のご依頼や採用についてなど、お気軽にお問い合わせください。