実践的な制作手順
商品バリエーション一覧を作る：SKUと画像の対応を保つ
3色のマグを確認する店舗チームには、どのファイルがどのSKUか分かる必要があります。ラベルが別の色にずれたコラージュは役立ちません。順序付きの確認用一覧と、追跡できる元データが必要です。
Ciyoで決定論的な架空のマグ画像を3枚用意しました。説明用の図で、実際の商品写真や在庫の証拠ではありません。最終一覧では原寸の画像を保ち、ラベルを画像の外に配置しています。
ファイルとSKUの対応表を先に作る
承認済み画像のファイル名、色名、SKUをまとめます。実際の在庫システムと照合してから一覧を依頼します。出力、改名、繰り返す修正でファイル名だけでは曖昧になる場合があります。
制御した原本はcc-iv.pngがIvory / CC-IV、cc-as.pngがAsh / CC-AS、cc-am.pngがAmber / CC-AMです。すべて256×256 RGBで形と背景は同じです。説明用の本体色と、それに基づく陰影のみが違います。
| ファイル名 | 色 | SKU |
|---|---|---|
| cc-iv.png | Ivory（アイボリー） | CC-IV |
| cc-as.png | Ash（アッシュ） | CC-AS |
| cc-am.png | Amber（アンバー） | CC-AM |
確認作業に合った順序を指定する
左から右の順序を明示し、色やアップロード順からツールに推測させません。ラベル、ファイル名、画像を1つの組として結び付けます。
この一覧はIvory、Ash、Amberの順です。目的はカタログ引き継ぎとラベル確認で、商品が実在するという顧客向け主張ではありません。実際の店舗では承認済み写真に置き換えます。
原画像を別のレイアウト内で保つ
960×500の用紙に256×256の矩形を(48,160)、(352,160)、(656,160)へ置くよう依頼しました。元画像は一対一の原寸で埋め込み、文字は各矩形の外に編集可能な状態で置いています。
原本の寸法が異なるなら、配置とサイズ変更の規則を先に合意します。未変更の原本を残すと、後の切り抜きや拡縮を比較できます。承認済みファイルを組み合わせるだけなら新しい画像生成は避けます。
確認済みのファイル名/色/SKU表と、正確な承認済みPNGを使ってください。順序を指定した一覧を作り、ラベルを画像矩形の外に置きます。描き直しや色変更はしません。各原本を原寸に保ち、配置座標とハッシュを記録し、保存矩形の画素を原本と比較してください。編集可能な一覧とマニフェストを返します。ラベルの対応と保存した矩形を確認する
最終PNGと元ファイルを独立してダウンロードしました。3つの256×256矩形はすべて原本RGB画素と差なしでした。保管SVGは正確な元PNGバイト列を含み、再構築したハッシュはCiyoの作業ファイルと一致しました。
これはファイルの保持と配置を確認します。実際の店舗のSKU、色、在庫の正しさは証明しません。元の対応表を見たカタログ責任者が判断する内容です。
編集可能な一覧と対応表を保管する
マニフェストには実際の配置座標、原本ハッシュ、画素比較があります。ラベルの誤配置を、見た目の記憶ではなく元データの決定まで追えます。
配布SVGは編集可能なラベルと埋め込み原画像を含みます。別エディタでフォントが置換されると文字の収まりが変わるため、編集後は長いラベルを確認します。PNGは固定のデジタル確認版です。
カタログ公開前に対応関係を承認する
在庫担当者に全ファイル名、色、SKUの確認を依頼します。見た目を揃えるためラベルだけ変えず、元の誤対応を解決します。採用版と不採用版を区別します。
一覧はレビューを整理するもので、個別の店舗画像や在庫インポートの代わりではありません。承認後は各原本と対応表を店舗が使う形式で渡します。
よくある質問
実際の商品写真ですか？
いいえ。画像の保持とラベル対応を示す、制御した架空の描画です。
画素が一致すればSKUも正しいですか？
いいえ。選んだファイルが保たれた証明です。SKUとの対応は実在庫と照合してください。
ラベルは編集できますか？
はい。保管SVGはテキスト要素を使います。修正ごとにフォントと対応を確認してください。
確認済みバリエーションを1組整理する
承認画像と確認したSKU表をCiyoに持ち込み、カタログ引き継ぎ前に保存一覧を比較しましょう。