500x221Amazonの商品画像は色々なパラメーターで加工できるのはよく知られている。大抵の場合はウェブサイトに合うようにサイズを変更したりとかが主なのでAA320やSX480とかを使うだけ。ただ非矩形な商品の画像の場合、余白がないことがあり白背景のウェブサイト以外ではサイズの変更だけでは上手くなじまない。それを拡大(SS)とリサイズ(AA)・切り抜き(CR)を組み合わせることにより適切に余白を追加してやろうというテクニック。頭悪そうなタイトル。
以下のデフォルトの画像では余白がなくキツキツでちょっとアレな画像を例にして説明する。
500x221https://m.media-amazon.com/images/I/31Eybjr97iL.jpg
SSとAAというパラメーターによる画像サイズの変更は、元になる画像のサイズ(長辺が500pxのことが多い)を超えると余白が追加される。
https://m.media-amazon.com/images/I/31Eybjr97iL._SS550_.jpg
500pxの画像を550pxにしようとしているので長辺において5%ずつ余白が出来ることになる。この状態から480pxにリサイズすると余白を維持してリサイズ出来る。
https://m.media-amazon.com/images/I/31Eybjr97iL._SS550_AA480_.jpg
必ず正方形になるSSやAAではなく、長辺を判断してくれるSLによるサイズ変更で余白が追加されると楽なのだけど、SL(やSX・SY)は元になる画像のサイズ以上にはならない。なのでこのように上下の余白が広すぎる場合はCRを使って切り抜いてやる。
https://m.media-amazon.com/images/I/31Eybjr97iL._SS550_AA480_CR0,105,480,270_.jpg
切り抜いた後に480x270になるように開始位置を調整すると、必要な分だけ周囲に余白を追加した画像の出来上がり。