携帯ショッピングカートCGI
携帯ショッピングカートCGIの配布
携帯対応ショッピングカートCGIの選び方
ショッピングカートCGI
ダウンロードの申込み
携帯ショッピングカートCGIの配布 携帯ショッピングカートCGIの配布

携帯ショッピングカートの商品画像

携帯ショッピングカートCGIで使う商品画像について考えてみましょう。

携帯ショッピングカートの画像形式について

画像には、gif、jpg、png、bmp、3gpなどいろいろな形式があります。PCでは問題がありませんが、携帯では機種により対応がまちまちなのでこれが問題となります。

携帯電話による対応状況を大雑把に表にしてみると下記のようになります。
      ◎:対応機が最も多い  ○:対応機が多い  △:一部対応又は未対応
機種名 gif jpeg png 動画の形式
DoCoMo 100% ○(FOMA)(注1) 3gp、asf
SoftBank (注1) 100% 3gp
AU ◎(注1) 3g2、amc
   (注1)2002年以降すべての端末で対応。
最近の動向としては、jpg対応の機種が増えているということでしょう。jpgが共通の形式にでもなれば開発は楽なのですが、変化の過程ではこうした変化がプログラムを一層難しくしています。
いずれにしましても、現在の所、DoCoMoとAUではgif画像を、Vodafoneではpng画像を用いるのが一般的なようです。今後、jpegの使用も増えてくると思われます。・・・・・

さて、約2002年以降では、すべての端末がjpgに対応するようになり、現在使われている機種のほとんどがjpegに対応していると考えてよいと思います。また、画像の種類により適切な形式を用いることも必要です。それで、次のようにするのが最も賢明であるように思われます。
  • 写真画像(商品画像など)はjpegを用いる。
  • イラスト画像(タイトル画像など)は、ドコモ、AUではgifを、SoftBnakではpngを用いる。
それで、最新のショッピングカート(SPシリーズ)では、商品画像は登録したjpeg画像をそのまま表示するようにしました。(もちろん、gif画像で登録すればgif画像で出力されますが、jpegを用いることを推奨いたします。)

【注】PCtoMobile Ver.13 〜 Contents-Mall Ver.13 では、ドコモの旧機種ではgifを、SoftBankの旧機種ではpngで、商品画像を出力します。

携帯ショッピングカートの画像の動的な変換(ImageMagickまたはNetPBMなどの利用)

こうした現状に対応するための方法は2種類あります。
  1. 幾つかの形式の画像(サイズもそろえる)を作成し、あらかじめ登録しておく
  2. 1種類の画像を登録しておき、表示するときに動的に形式とサイズを変換する
それぞれに長所と短所があります。
  1. 登録は大変だが、表示速度が速い
  2. 登録は楽だが、大きい画像では表示速度が遅くなる
こうしたことを踏まえて、ショッピングカートepsilon-NPZ、Multi-AFF、PCtoMobile、Contents-Cartでは画像の動的な生成の機能を取り入れました。ImageMagick(perlモジュール)を使用し、画像を表示するときに画像形式とサイズを適切なものに変換します。

画像の形式を変更しないときには変換プログラムを使わずに画像を表示させることもできるようになっています(画像のサイズを設定する所で、ImageMagickを使うか否かの選択ができます)。PC用では商品画像のサイズをあらかじめそろえて登録しておけば速度も落とさずに済みます。

※サムネイル画像のサイズをそろえるためのプログラム「画像サイズ一括変換プログラム」についてはこちらをご覧ください。⇒ 画像サイズ一括変換プログラム

携帯の場合、画像の形式を機種ごとに変化させなければなりません。しかし、上記の機能により、PC用の商品画像の形式とサイズを自動的に変換して携帯用の画像として用いることができます。画像の面で、PCと携帯の完全な対応が可能となります。

PCtoMobileでは商品の拡大画像を10枚まで登録でき、それをそのまま携帯で表示できます。

機能を重視するか速度を重視するか、難しい選択ですが、これは進歩に常に伴う問題です。Windows95からXPへの進歩にもこの問題がありましたが、PCの性能の向上により解決されてきました。それで、この問題でも、スピードを重視するあまり機能をあきらめるより、常に機能の向上を目指しつつサーバの性能の向上を期待する方が正しい考え方だと思います。

【注意】ImageMagickモジュールが使用できないサーバの場合
ほとんどのサーバでImageMagick(perlモジュール)が使用できるようです。例えば、Kagoya、X-server、さくらインターネット、VVV7などで使用できます。

また、ImageMagickモジュールが使えないサーバの場合、下記の方法でも画像の動的な変換が可能です。(当社のショッピングカートでは、標準ではImagemagickを使用するようになっていますが、下記の方法でも可能です。)
  • NetPBMが使えるサーバの場合、それを利用できます。
  • 菅さん作のプログラムrepng2jpegを利用することもできます。
それで、ImageMagickが使えないサーバで、当社のカートの利用を検討しているなら、対処方法をお伝えいたしますので、ご面倒でもお問い合わせくださいますようお願いいたします(設置代行を望まれる場合は5,000円で承ります)。

※上記の点をチェックするプログラムのダウンロード⇒サーバチェックリスト(解凍し、checklist.cgiをショッピングカートと同じフォルダにUPしてパーミッションを705または755にして呼び出してください。Windowsサーバでは使えません。)

携帯ショッピングカートの動画再生、及び今後の課題

携帯の進歩には目を見張るものがあり、それらに対応していくことは今後の重要な課題です。

現在、画像に関して注目すべき点には下記のようなものがあります。
  1. 動画再生
  2. 写メールの活用
  3. フルブラウザー
動画再生の問題はやはり携帯機種により動画の形式がいろいろであることです。さらに、まだ未対応の携帯も少なくない点です。

現在の所、最も多く使用されている動画形式は3gp、3g2、amcの3つでしょう。それで、ショッピングカートepsilon-NPZ、Multi-AFF、PCtoMobile、Contents-Cartでは3gp、3g2、amcを再生できるようにしてみました
再生の仕様は以下の通りです。
  • DoCoMoの場合⇒3gp、 3gpファイルが存在しなければ、jpg
  • Vodafoneの場合⇒3gp、 3gpファイルが存在しなければ、jpg
  • AUの場合⇒3g2又はamc、 3g2又はamcファイルが存在しなければ、jpg
WEB上の商品管理画面から登録できるようになっています。登録した際のファイル名は次の通りです。
  • (商品番号)mv.3gp
  • (商品番号)mv.3g2
  • (商品番号)mv.amc
  • (商品番号)mv.jpg
それで、動画の代わりにjpg画像(3キャリアで対応しつつある)をUPすれば画像を1枚多く表示できることになります。

今後、さらに、写メールやフルブラウザーなどを積極的に取り入れた開発を行なっていく必要があるでしょう。⇒携帯からの商品登録システム

注)3g2、amcを使用して、EZムービーを再生するには、サーバのMIMEType設定または.htaccessファイルを使用しての設定が必要になります。次を参考にして設定を行って下さい。⇒EZムービー

.htaccessの内容例 (ダウンロード⇒.htaccessファイル
AddType application/x-mpeg .amc
AddType video/3gpp2 .3g2
AddType audio/3gpp2 .3g2



Copyright (C) 2012  WEBインベンター All rights reserved.