.
ネットショップ運用・構築ガイド:目次

ショップ 構築ガイド

情報の流出経路

情報漏洩対策

レンタル ガイド

サーバ構築ガイド

おすすめの書籍

ナショナルジオグラフィック プロの撮り方 人物写真―心の内面を写し取る プロとして恥ずかしくない写真補正&加工の大原則 デジタル一眼レフ・ストロボ100%活用 超入門!写真加工フォトショップエレメンツ3.0 デジタル写真ではじめるフォトショップ―写真の修整・加工を基礎からマスターする! デジタル写真のためのフォトショップCS逆引き辞典―「こんな写真にしたい!」ができる実践テクニック 西川和久のデジカメ&フォトショップスーパーテクニック Graphic Master Photoshop Elementsデジタルカメラアートワーク すぐにできる!デジタルカメラ&Photoshop Elements2.0

ネットショップCMS

banner icon banner icon

デジタルカメラで撮影した画像をより美しく ~ ネットショップ運用

WEB標準のイメージフォーマットには、JPEG、GIF、PNG がありますが、それぞれに特色があります。ホームページ上で公開する写真画像の場合、ファイルサイズが大きいと読み込みに時間がかかるため、圧縮に優れたJEPGフォーマットを使用します。

また、デジタルカメラも通常撮影し記録するイメージフォーマットにJEPG フォーマットを使用しています。ここでは、ホームページ上で公開するデジタルカメラで撮影した画像の扱いと注意したい点について説明します。

色空間について.

色彩を三次元座標で表すため色空間(カラースペース)と呼んでいます。色空間には幾つかの規格があり、また、デバイスによっても使用される色空間の規格は異なります。特に出版(DTP分野)に関してはカラーマッチングは重要ですが、ホームページ上で公開するイメージの場合は、色空間は sRGB を使用するため難しく考える必要はありません。

現在、CRTディスプレイを始めにデジタルカメラやインクジェットプリンタは、sRGB を基準に開発されてるため、一般用途において色彩が大きく異なるといったトラブルは過去のものとなっています。

デジタルカメラを使用した商品撮影を行う場合、知って置きたい色空間は以下の通りです。

  • sRGB .
    • 異なるCRTディスプレイ上で同じ色彩表示を可能にするため、1999年にマイクロソフト主導で策定された色空間。 CRTディスプレイで再現できる色空間は狭い。2000年以降に発売されたデジタルカメラは、sRGB を使用するデバイス。
  • sYCC .
    • デジタルカメラ、インクジェットプリンタの普及に伴い、Adobe RGB と同様に印刷向けに2003年に策定された色空間。sRGB との互換性を考慮して、sRGB の領域をそのままに拡張している。そのため、WEBで公開しても大きな色彩のズレは発生しない。印刷とディスプレイ上の表示の両立を考慮している。Exif 2.2 以降、盛り込まれた色空間。
  • Adobe RGB .
    • 印刷用途で広く使用されている色空間情報。sRGB より広い領域をカバーしており、座標は一致しない。多くのデジタル一眼レフがサポートする。

sRGB が策定される 1999 年以前は、異なるディスプレイメーカーで表示される色彩が大きく異ってしまうという問題がありました。ブロードバンド、インターネットが広く普及する前の話しですがネットショップでも実際の商品のイメージが大きく異なるというのは日常茶飯事でした。

デジタルカメラにおける色空間について

ディスプレイ(Webブラウザ)上では、sRGB 以上の色空間を再現する事はできませんが、より広い色空間を持つ Adobe RGB や sYCC で撮影し、sRGB へ相対的に変換(マッピング)しなおす事で、より良い結果が得られます。

デジタルカメラが対応しているカラースペースは、スペック表に表記されています。初期(時期的に300画素クラスぐらい)の古いデジタルカメラでは、sRGB しか扱えません。

お手持ちのデジタルカメラが sYCC に対応しているかは簡単に分かります。撮影した画像の補正やシャッタースピードなどの情報が、液晶ディスプレイ上で表示されるコンパクトデジカメであれば、sYCC に対応しています。

Web上で公開する画像を撮影する場合、sRGB や sYCC で撮影した方が、手間が省けます。しかし、写真品質が重視される商品では、消費者の購買意欲に大きく影響するため、一手間かける価値は十分にあります。

sYCC → sRGB 、Adobe RGB → sRGB への変換方法について説明します。

Adobe RGB の領域を sRGB で表現するには (デジタル一眼レフ)

低価格化が進むデジタル一眼レフですが、本格志向のデジタル一眼レフでは、sRGB ではなく、印刷用途に適した Adobe RGB を採用してきました。(sRGBで記録できない機種もある) sRGB に比べ圧倒的に広い領域を持つ Adobe RGB ですが、この画像をsRGB であるパソコン上のディスプレイで表示すると色がくすんで表示されるという現象が発生します。

sRGBAdobe RGB
左は sRGB 色空間を持つJPEG画像。 右はAdobe RGB を持つJPEG画像。色座標が異なるため sRGB を基準とするCRTディスプレイ、 Web ブラウザでは色が異なって見える。しかし、PhotoShopで開いた場合は、一時的に作業用としてPhotoShopが sRGB に変換するため、正しく表示される。

Adobe RGB → sRGB 変換方法 (カラープロファイルの変換方法)

色空間の相対的な変換(マッピング)には、Adobe PhotoShop を使用します。

1.編集 → カラー設定

まず、PhotoShop が現在、標準で(作業用として)使用している色空間を確認します。PhotoShop 5以降では、デフォルトは sRGB となっています。 この場合、sRGB 以外の色空間(カラープロファイル)が埋め込まれた画像ファイルを開いた場合、以下のような警告が出ます。

アラーと

作業用とは、『 この色空間を使用して補正などの作業を行うことになりますよ 』 という意味です。この状態でファイルを開きます。

アスタリスク

タイトルバーを見ると RGB* とアスタリスクが付いています。これは、ファイルに埋め込まれた色空間を作業用の色空間へ一時的に PhotoShop が置き換えた事を示しています。ブラウザで見ると色のおかしかった画像が、PhotoShop で開くと正しく表示されているのはこの為です。

ここで注意したいのは、この状態で補正を加えて保存しても、元の色空間 Adobe RGB に自動的に変換され保存される点です。 「 ディスプレイ上の作業であるため PhotoShop が気を利かせて一時的に sRGB に変換しているだけ 」 と考えれば理解し易いかもしれません。

WEBで公開するには、次の手順で最終的に埋め込まれた Adobe RGB を sRGB へ変換(マッピング)を行う必要があります。

2.Adobe RGB から sRGB へ変換する(マッピング)

メニューから "イメージ → モード → プロファイル変換" を実行し、画像に埋め込まれている色空間(プロファイル)を sRGB に変換します。これにより、sRGB で再現できない Adobe RGB を表現できる色空間を相対的に割り当ています。これでディスプレイ上では見た目の差はほぼなくなります。

sYCC の領域を sRGB で表現するには

sYCC カラースペースが埋め込まれた画像を sRGB にマッピングし直すには、上記、Adobe RGB と手順は全く同じです。ただし、sYCC を読み込むための PhotoShop 用のプラグインが必要です。

1.Exif 2.2 準拠 JPEG を用意する

Exif 2.2 対応のデジタルカメラで保存されたJPEG画像を用意します。

2.PRINT Image Matching II プラグインの入手

sYCCの色空間を PhotoShop へ取り込むプラグインが EPSON から無料配布されていますのでこれを利用します。

入手先 => http://www.i-love-epson.co.jp/products/pim/plugin_psd.htm

インストール時にPhotoShopのプラグインフォルダを指定します。インストール時、PhotoShop が起動していた場合は、PhotoShop を再起動します。

3.ファイル → 読み込み → PRINT Image Matching Ⅱ

PhotoShop のメニューから PRINT Image Matching Ⅱを実行します。

PRINT Image Matching Ⅱ

Exif 2.2 準拠のJPEG画像 を選択します。でなければ開けません。

PRINT Image Matching

なぜか Exif 2.2 準拠のCANONデジカメでは PRINT Image Matching が選択出来なかった

PRINT Image Matching Ⅱ / Exif Print / 色区間のみ拡張

三種類の sRGBの変換方法が指定できます。結果はそれぞれことなりますので、最終的には試した結果を好みで選びます。

埋め込まれたプロファイルの不一致

『 埋め込みプロファイルを使用 』 にチェックを入れ、OK すると新規に画像ファイルが開きます。この状態では、作業用にsRGB に割り当てられているだけなので、この状態で補正して保存しても色空間は EPSON RGB 2001 になる事に注意します。sRGB に変換するには以下を実行します。

4.EPSON RGB 2001 から sRGB へ変換する(マッピング)

メニューから "イメージ → モード → プロファイル変換" を実行し、画像に埋め込まれている色空間(プロファイル)を sRGB に変換します。これで、相対的にsRGB に置き換えられるため、sYCC の色空間を生かす事が出来ます。

sYCC → sRGB 変換結果
左は オリジナルのsYCC。Adobe RGB と違い色ずれはないが、sRGB では見ることの出来ない色空間がある。
右は、上記手順で sRGB にマッピングし直した結果。ディスプレイ上でも品質を引き出す事ができる事が分かる。実際には sRGB に押し込むために間引かれるので印刷には適さない。

sYCC に対応したデジタルカメラは

sYCC カラースペース は、デジタルカメラ用イメージ規格である Exif 2.2 で盛り込まれています。 Exif 2.2 以降に準拠したデジタルカメラでは、sYCC 色空間を持つ JPEG 画像を記録する事が可能です。時期的に、400万画素が発売された2002年後半から2003年以降に発売されたデジタルカメラではないかと思います。

現在発売されているデジタルカメラは、どの製品も Exif 2.2以降に準拠しています。

Exif では、ファイル情報 (撮影時のシャッター速度や露出、ホワイトバランスetc)から、色空間 sYCC (Exif 2.2以降から)、JPEG フォーマットなど、デジタルカメラ用のイメージフォーマットを規格化しています。

前述した通り印刷における再現性が低いため、sRGB カラースペースの領域をそのまま拡張した sYCC カラースペースが策定されます。

低価格インクジェットプリンタでは、3色インク(RGB)の製品があります。これは、sRGB をベースに開発されているため、 7,8色インクとインクジェットプリンタと異なり色彩の表現能力が低いという事がわかると思います。

デジタルカメラで撮影した画像をより美しく ~ まとめ

このように色空間に対する認識と少しの手間を惜しまなければ、ホームページ上でより良い写真を公開する事が出来ます。また、商品写真においては、消費者の購買意欲に大きく影響します。

Exif 2.2 以降に準拠したデジタルカメラ、Adobe RGB で記録可能なデジタルカメラと、PhotoShop をお持ちであれば、 是非、試してみて下さい。

商品点数が多い場合

早川廣行のPhotoshop CS2 プロフェッショナル講座 (自動処理・TIPS編)

Adobe PhotoShop では、作業手順を記録し、フォルダ内にある画像にまとめて適用する事が出来ます。特に商品点数が多いショップ運用の場合、このような単純な変換作業などの場合、劇的に作業効率が改善します。

PhotoShop の自動処理に関する書籍も出版されています。

Adobe Photoshop については、こちらで紹介しています。

このメニューのタイトルリスト

ネットショップ開業 基礎知識

ショップ運用に必要なソフト

商品撮影 (デジタルカメラ)

  1. デジカメ 仕組みと基礎知識
    1. 写真品質を決定する要素
    2. ┗ 画像フォーマットとRAW
    3. デジカメ画像をHPで美しく!
  2. コンパクト デジタル カメラ
  3. ハイエンド デジタル カメラ
  4. 一眼レフ デジタル カメラ
    1. おすすめ デジタル一眼
    2. 一眼レフ メーカーごとの特徴
    3. フィルムとデジタルの違い
  5. 2006デジカメのトレンド
  6. ミニ撮影スタジオを作る

ネットショップ タイプ別 特徴

タイプ別 ショップ構築ガイド

決済と代行サービス(作成中)

インターネット広告 (集客)


情報の流出経路と対策

情報漏洩 ~ ネットワーク

情報漏洩 ~ ウイルス

情報漏洩 ~ 盗難・紛失・持出

無線LAN のセキュリティ


漏洩対策製品 導入ガイド

ノートPC セキュリティ対策

セキュリティ ソフトウェア

ネットワーク機器 ルータ他

盗難時漏洩防止 ストレージ

メーカー直営ショップ(準備)


ホスティング 比較 / 活用

個人/SOHO向け サーバ

ビジネス向け 共用サーバ

アフィリエイトプログラム活用


Keyword:最新 IT関連

iconEvil Twin :セキュリティ

iconShare :セキュリティ new

iconDomainkeys :セキュリティ

iconコメントスパム :セキュリティ

iconエバネセント通信 :ネットワーク

iconSPIT(スピット) :ネットワーク

iconc.link :ネットワーク

iconiBurst :ネットワーク

iconミリ波 :ネットワーク

iconドライカッパー :ネットワーク

iconWeb2.0 :WEBサーバ構築

iconAjax(エイジャックス) :WEBサーバ構築

iconポッドキャスティング :WEBサーバ構築

keyword: セキュリティ

iconセキュリティアプライアンス

icon山田オルタナティブ 注目!

iconShare :セキュリティ 注目!

iconデジタルフォレンジック

icon暗号化技術

iconWAF

icon検疫ネットワーク

iconメールフィルタリングツール

iconPCログ監視ツール

iconスパム対策ツール

iconワンタイムパスワード

iconウイルス対策ソフト

iconPKI

icon個人情報保護法対策特集(前編)_フォレンジック

icon個人情報保護法対策特集(後編)_暗号化ツール

iconWeb暗号の基礎技術「PKIとSSL」

iconハイジャッカー

icon検疫ネット実現の3方式

iconウイルス対策サービス

iconメール暗号化ツール

iconバイオメトリクス認証

iconバイオメトリクス認証ツール

iconアンチウイルスソフト

icon情報漏洩防止ツール

iconIDS(不法侵入検知システム)

iconシングルサインオン(SSO)

icon初めての「検疫ネットワーク」入門

keyword: OA・周辺機器

iconネットワークカメラ

iconカラーレーザープリンタ

icon複合機

iconモバイルプロジェクタ

iconHD DVD(High Definition DVD)

iconデジタルテレビ

iconテレビ会議システム

My Select Goods

デジタル器機

おすすめデジタル一眼レフ

セキュリティ強化型 ノートPC

P2P無料IP電話

iconSkype(スカイプ)とは?

icon無料IP電話スカイプ>Download

スカイプ 対応フォン(USB)

SKYPE カンファレスフォン BUFFALO  USB対応 Skypeフォン BSKP-U201/SV CG-USBPH01 Skype API対応 コンパクト USBフォン

ELECOM Skype会議用ハンズフリーフォン MS-CO95USV ELECOM SKYPE対応アドレス帳 BT-MG2 WB-2501 Skype標準搭載USBハンディフォン

SONY インターネットテレフォン 「マウストーク」 ブルー[VN-CX1/L] SONY インターネットテレフォン 「マウストーク」 ブライトレッド[VN-CX1/R] GOD ABILITY IPフォン SKYPE対応 USB VOLP PHONE USBハンドセット P5-D

God Ability スカイプ対応USBIPフォン P4-K ハギワラシスコム USBスカイプハンドセット HUD-SKH01 GH-UCM-HS スカイプ対応イヤフォンタイプヘッドセット

.

ネットショップ運営者向け
デジカメ画像処理 解説書

デジタルカメラを使用した撮影テクニックから、PhotoShop を用いたレタッチ、画像補正など、ネットショップ運用におすすめの書籍をピックアップしています。

デジタル商品撮影―実践の書

基礎から始める、プロのためのライティング

商品撮影のためのライティング基礎講座

カメラマンになるな、演出家になれ!―オンラインショップ、ネットオークションの画像はこう撮る!

オークション・ネットショップに効く!商品撮影術―デジカメで簡単キレイに魅せる「ブツ撮り」実例虎の巻

.
bottom_mark
ページ最上部
ページ最上部 前のページ