携帯サイトを作る際に使える画像形式や文字コードなどまとめ

Twitter でアドバイス頂いことを下記にメモしておきました。個人的なメモですが公開しておきます。他にも情報があればコメント欄から情報提供頂けると幸いです。

また別途アドバイス頂いた情では御座いますが、本格的に作るなら携帯サイト コーディング&デザインを読むと良いらしいです。

現在は3キャリア GIF と JPEG を使うことができる

  • 透過 GIF は OK
  • GIF アニメは5コマまで
  • Photoshop で書きだされる GIF89a で、アニメなし、インターレースなし、20KB以下なら問題が起きたことはない
  • インターレースは一部機種不可、アニメは6コマ以上かつサイズが大きいとドコモ旧機種で問題有り
  • Photoshop の「Web およびデバイス用に保存」の画面でインターレースとありますが、このチェックボックスのチェックは外す
  • インターレース GIF はプログレッシブ JPEG (最初モザイク状に表示されて徐々に鮮明になっていく形式で透明は関係ない)
  • 1ページ50KB以下に抑える方が良い
  • 容量に関しては SoftBank が一番厳しい
  • SoftBank は2006年以前の機種では PNG のみ
  • 256色 PNG なら SoftBank のみ OK
  • JPEG はプログレッシブだと表示できない場合が多い
  • au は赤みが強くドコモと SoftBank は青みが強いので同じ画像でも色味が変わる

携帯サイトの文字コードは Shift-JIS

  • Shift-JIS で組むのは au 旧機種対応

追記: 便利な物いろいろ

教えてもらった使えそうなものを紹介しています。

コメント

コメントは受け付けていません。