HOW IT WORKS
Overlay Cropの仕組み
共通の出力フレームと、画像ごとの独立した移動・拡大を組み合わせます。すべての元画像から同じ座標を切り取る単純な一括処理とは異なります。
1. 最大5枚を追加
JPG、PNG、WebPは個別レイヤーになり、位置、拡大、回転、透明度、表示、ロックを別々に設定できます。画像はブラウザ内で処理されます。
- 最も鮮明な画像を基準にする。
- 元ファイルを保管する。
- スマホでは少ない枚数から試す。
2. 最終フレームを選ぶ
比率プリセットまたは正確な幅と高さを指定します。すべてのレイヤーはこの同じ形と寸法で書き出されます。
- 掲載先を先に決める。
- 比率とピクセル寸法を区別する。
- 最小の元画像に合う出力を選ぶ。
3. 基準構図を作る
基準画像で被写体の大きさ、上余白、左右余白、基準線を決め、完成したらロックします。
- 人物は目線。
- 商品は基準線と視覚中心。
- 部屋は固定角と水平線。
4. 残りを整列
透明度を下げて安定した点を比較し、位置より倍率を先に合わせます。ドラッグ、ホイール、ピンチ、数値入力が使えます。
- 基準点を複数使う。
- 遠近や姿勢の違いを認める。
- 最後に不透明へ戻す。
5. 個別に確認
他レイヤーを隠し、四辺、向き、透明部分、鮮明さ、余白を確認します。
- 髪、手、商品端、影を確認。
- 実際の表示サイズで見る。
- 大きな出力値だけを品質と考えない。
6. 書き出して検証
単体またはZIPで保存し、エディター外で寸法、向き、形式、品質を確認します。
- 分かりやすい名前を付ける。
- 実際の利用画面でテストする。
- 元画像を上書きしない。
できないこと
- 低解像度に存在しない細部の復元。
- 遠近や姿勢差の自動補正。
- タブ終了後の作業復元。
- 証明写真や組織規定の判定。
テストと対応
Canvas対応の現行ブラウザで、ドラッグ、ホイール、ピンチ、数値調整、単体保存、ZIP保存を確認します。非常に大きい画像はスマホのメモリ上限を超える場合があります。