携帯サイトの作り方携帯サイト作成時の注意点(制限事項含む)
画像フォーマット
2009/11/23
img要素で埋め込み可能な画像形式は下記の通りです。
全キャリア対応の場合は「GIF形式」を採用します。
キャリア | 区分 | 対応画像形式 | ||||
---|---|---|---|---|---|---|
GIF | JPEG | PNG | BMP | MNG | ||
docomo | iモードブラウザ1.0 | ○*1 | × | × | × | × |
iモードブラウザ2.0 | ○ | ○ | × | ○ | × | |
au | WAP2.0ブラウザ搭載端末 | ○*2 | ○*3 | ○*4 | ○*5 | × |
SoftBank | C2型端末 | × | × | ○ | × | × |
C3型端末 | × | ○ | ○ | × | × | |
P型端末 | × | ○ | ○ | × | ○ | |
3GC端末 | ○*6 | ○ | ○ | ○ | × |
注意事項
docomo
- *1:モノクロ2階調で5KB以内のGIFファイル推奨(高階調だと低階調の機種でうまく表示されない可能性あり)。GIF87a/GIF89a形式のみサポート。最大画像サイズは最大94x72ドット。
- Animated GIFは最大画面数5コマまで。1画面に最大4個まで配置可。リピート回数は最大166回。各コマは同一サイズで開始座標も同一にすること。
- iモード全機種対応なら、画像サイズは最大128x128以内に収める。
au
- *2:au全機種対応は「GIF89a」。ファイルサイズは25KB以下。ブラウザで表示する場合はリサイズする等して9KB以下にする。
参照:KDDI au:技術情報 » GIF画像
87 87a 89a 静止画 通常画像 ○ ○ ○ インターレースGIF × ○ ○ 透過GIF × × ○ Animated GIF × × × ○ - *3:JFIF ver 1.02。256色までサポート。256色以上の場合は端末により減色表示。
- *4:256色までサポート。256色以上の場合は端末により減色表示。
- *5:モノクロ2階調をサポート。カラーBMPはEZサーバーの変換機能でPNGに変換表示。
SoftBank
- *6:GIF87a/GIF89a/Animated GIF対応。
- 端末によって一部画像形式ファイルが挿入できない場合あり。
ファイルサイズなどの容量制限
2009/11/23
携帯サイトでは1ページ当たりの容量(ファイルサイズ)に制限があります。
キャリア | 区分 | 制限 | ||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
docomo | iモードブラウザ1.0 |
【1ページ当たりの容量】
【URL】
【ブックマーク】
【絵文字】 | ||||||||||||||||||||||||||||||||||||||||||
iモードブラウザ2.0 |
【ブラウザキャッシュ】
【1ページ当たりの容量】
【WindowsMediaファイル】
【追加データ】 ※制限サイズを超過した場合は、ユーザー選択によりフルブラウザ切り替えで表示可能。
【絵文字】 | |||||||||||||||||||||||||||||||||||||||||||
※iモード全機種対応なら(画像含め)30KB以内推奨。100KB未満厳守。 | ||||||||||||||||||||||||||||||||||||||||||||
au | XHTML |
【1ページ当たりの容量】 | ||||||||||||||||||||||||||||||||||||||||||
DHTML |
【1ページ当たりの容量】 ※サイズ超過の場合は端末にエラーメッセージが表示されます。 | |||||||||||||||||||||||||||||||||||||||||||
softbank |
※一部の3GC型端末では、リクエスト行、エンティティサイズ(テキストおよびマークアップ言語を表すContent-Type の場合)の制限が上記と異なります。 |
JavaScript・スタイルシート(CSS)対応状況
2009/11/23
キャリア | 区分 | JavaScript | CSS | |
---|---|---|---|---|
docomo | iモードブラウザ1.0 | iモード対応HTML | × | × |
iモード対応XHTML | × | ○i-CSS対応(iモード対応XHTML用のCSS)、外部参照不可。内部参照はリンクの疑似クラスのみ対応。 | ||
iモードブラウザ2.0 | ○(ECMA-262に準拠したJavaScript使用可。端末のScript動作設定が「有効」の場合のみ有効。ダイアログの最大表示文字数などの制限事項あり。)参照:iモードブラウザ2.0対応i-CSS2について | ○i-CSS2対応(i-CSS2は、link要素による外部参照(1ページ当たりの容量に含まれるため500KB以下)、内部参照(style要素)、インライン(要素のstyle属性)で記述可能。i-CSS2は、HTML、XHTML共に動作。)参照:iモードブラウザ2.0対応JavaScriptについて | ||
au | WAP2.0ブラウザ搭載端末 | × | ○CSS対応(インライン) | |
SoftBank | HTML | × | × | |
XHTML | × | ○CSS対応(インライン、内部・外部参照) |
文字コード
2009/11/23
全キャリア対応の場合は「Shift_JIS」を採用します。
キャリア | 区分 | 文字コード | |
---|---|---|---|
docomo | iモードブラウザ1.0 | iモード対応HTML | Shift_JIS |
iモード対応XHTML | Shift_JIS/UTF-8 | ||
iモードブラウザ2.0 | iモード対応XHTML | Shift_JIS/UTF-8 | |
au | WAP2.0ブラウザ | HTML/XHTML | Shift_JIS |
DHTMLブラウザ | DHML | Shift_JIS | |
SoftBank | C型/P4(2)以外のP型 | HTML/MML | Shift_JIS/JIS/EUC-JP |
P4(2)型 | HTML/MML | Shift_JIS/JIS/EUC-JP/UTF-8 | |
3GC型 | HTML/XHTML | Shift_JIS/JIS/EUC-JP/UTF-8 |
SoftBank
SoftBankでは下記のように。端末によって文字コードの判定する際の優先度が異なります。
- 【C型】meta要素で指定した文字コードに従いますが、meta要素で指定されていない場合はテキストの先頭バイトとの内容から自動判別されます。
- 【P/3GC型】Pull-HTTPのContent-Typeに指定した文字コードに従います。それが指定されいない場合は、metaタグに指定した文字コードに従います。これらが両方とも指定されていない場合はShift_JISが適用されます。