画像加工ガイドライン
画像ファイル置き場所
\\Tkocore2\CatalogImage\00_takashimaya\01_オンライン事業部
の中にタカシマヤ オンラインショッピングの商品画像ファイルがあります。
チェックリスト
画像加工が終了したら、もう一度以下をチェックしてみましょう。
| ■画像のクオリティは、ユーザー視点でわかりやすいか？ | ■サイズ（600x600px）は正しいか？ | ■白レイヤーは100％ひいたか？ | ■[exp]に300x300画像は入っていないか？ |
| ■ファイル名は間違っていないか？ | ■パス抜きしたものは「P」、してないものには「×」を紙に印したか？ | ■連絡票にサインはつけたか？ | ■画像リストは正しくつけたか？※校正時はディレクターでつけるので不要 |
画像加工の手順
ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。商品を売るために画像加工することを念頭に置きましょう。
【1】RGB、72dpiにする。※[F2]のアクション割り当てあり
【2】パス抜きが必要なものはパスを抜く。※元からパスが存在する商品もあり
【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。
【4】適切にトリミングする。※商品がセンターに来るようにする
【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。
【6】600x600pxにする。※元画像が粗い場合は300x300
【7】psd形式で加工済フォルダに保存する。
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。
画像加工・補正時の注意点
- ・シャープはやや強めにかけましょう。その方が好まれます。
- ・商品が全体的に白っぽくて、背景白だと見えづらいときは、グレーのグラデを背景に引いてください。（サンプルあり）
加工済psdファイルの置き場所
加工した600x600のpsdファイルは指定の場所に置いてください。その際にcutとexpフォルダを作成し、ファイルのコピー＆移動も忘れないようにしましょう。
【090908_東京_大北海道展】
└【加工済】 ← 032100333_01.psd
├【[cut]】← 032100333cut01.psd
└【[exp]】← 032100333exp.psd ※032100333_01.psdをコピーしてファイル名を変える
ファイルの種類
加工済の「*********_01.psd」から、各JPGファイルを書き出します。ファイルの種類は以下の通り。
| サイズ | 100x100 | 100x100 | 100x100 | 100x100 | 300x300 | 300x300 | 600x600 | 300x300 |
| 名称 | s_01 | s_00 | m_01 | m_00 | l_01 | l_00 | exp | cut_0* |
| 種類 | メイン画像 | メイン画像 | メイン画像 | メイン画像 | メイン画像 | メイン画像 | メイン画像 | 説明画像1、2… |
| 必須有無 | 必須 | 必須 | 必須 | 必須 | 必須 | 必須 | だいたいある | あれば |
| ファイル名の例 | s030101291_01.jpg | s030101291_00.jpg | m030101291_01.jpg | m030101291_00.jpg | l030101291_01.jpg | l030101291_00.jpg | 030101291exp.jpg | 030101291cut01.jpg |
※例えば、「030101291_01.psd」の加工済ファイル(メイン画像)から、必ず書き出すJPGは以下の7ファイルとなる。
■必ず書き出すJPGファイル
- s030101291_01.jpg s030101291_00.jpg
- m030101291_01.jpg m030101291_00.jpg
- l030101291_01.jpg l030101291_00.jpg
- 030101291exp.jpg
■他に書き出す可能性があるJPGファイル
- s030101291cut01.jpg、s030101291cut02.jpg、…
- s030101291_02.jpg、s030101291_03.jpg、…
- m030101291_02.jpg、m030101291_03.jpg、…
- l030101291_02.jpg、l030101291_03.jpg、…
リサイズについて
※リサイズ作業は600x600のpsdが出揃ってから、まとめて行います。
【1】加工済のpsdファイルを全てローカルPCにコピーする。
【バッチ前ファイル】 ← 最終的には、s画像、m画像、l画像になる
├【[cut]】 ← 最終的には、cut画像になる
└【[exp]】 ← 最終的には、exp画像になる
【2】ローカルPCの指定フォルダに、[s_01]、[s_00]、[m_01]、[m_00]、[l_01]、[l_00]のフォルダ6つを作成。
空のフォルダをつくる。
【3】photoshopにて、リサイズを行う。
[ファイル]→[自動処理]→[バッチ]で下のウィンドウが開きます。
※指定のアクションをセットする必要があります。
※cut→300x300、exp→600x600もお忘れなく！
【4】リネームを行う。(リネームソフトがあると便利♪)
【5】全てのJPGファイルを同階層のフォルダに集結させる。
- ・全てのファイルが1つのフォルダに集結！
【6】「Tkocore2 / CatalogImage」内の指定フォルダの画像を置く。
- ・[_img_未]というフォルダ名の中に全てのJPGを入れてください。
画像リストについて
画像リストは、画像確認や見積もりに必要になるものです。
【1】\\Tkocore2\CatalogImage\00_takashimaya\01_オンライン事業部\画像リスト_テンプレ.xlsをローカルPCにコピーする。
【2】ファイル名を変更する。
【3】ファイルを開き、アップ日、店名・タイトルを記入する。※マクロは有効にしてください
【4】商品コード、exp画像、パス抜、スキャン、流用[入稿]、備考欄を入力する。
商品コードの入力は、下記の方法がおすすめ。
(1) ViX(画像ビューアー)にて、[フォルダ]→[一覧表の作成]。csvファイルを作成する。
(2) filelistから商品コード欄にコピーする。（値で貼り付ける）
【5】入力が済んだら、一番最後に【集計】ボタン押すと数字が反映されます。
画像リスト作成時の注意点
- ・特急の時はタイトルのセルを赤くする。
- ・加工画像数が行の最大値（62）を超える場合は、タイトルを分ける。
- ・掲載中画像流用の場合は、拡張子をつけない。
- ・「商品総数」は枝を１とカウント“する”
- ・"流用（入稿）の欄は、入稿画像内での流用の有無を記載する。
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は１からスタートする。
- ・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目：あり」にする。
- ・枝番号が発生して、且つコスメじゃない場合、
・枝の画像は加工をしていない→必ず流用フラグを立てる。