スマホでのＡｍａｚｏｎのメイン画像の大きさを最大化させるには？

スマホのアプリで、下記のページを開いたときの話ですよね？

 

https://www.amazon.co.jp/dp/B07TVM3GYF/

 

https://www.amazon.co.jp/dp/B089Y3T2JJ/

 

https://www.amazon.co.jp/dp/B0122KGGF8/

 

https://www.amazon.co.jp/dp/B072BXWHM3/

これ、皆さんのアプローチキボンだったので、FBで情報共有依頼してみました。

 

 

閲覧環境：僕の iPhone 11 Pro MAX

ブラウジングに使ったモノ： アマゾンのアプリ

今回の４つの商品ページ開き、一枚目画像の表示範囲の高さをノギスで測定してみると、

1: 48 mm

2: 48 mm

3: 63 mm

4: 48 mm

（スクショをとってみました）

 



 

なお、PCで画像をぶっこ抜いたときの、画像のサイズ ( px )：

1: 1500 x 1093

2: 1340 x 1500

3: 1409 x 1500

4: 1280 x 1045

 

でした。

 

 

僕の場合はめっちゃ原始的で、デカく表示されてる真似したい画像を保存して（今回の例でいうところの、3）、その画像と同じカンバスに画像を配置して、余白を切り取った状態ですっぽり収めてからアップロードしてテスト、みたいなことをします。

おそらくなんですが、プログラムの画像検索結果でよく使うのですが、

余白抜きの縦横比を調べて長い方基準で画面いっぱいまで伸ばしていると思います。

なので、正方形に近いとMAXサイズになると思います。（やりとりに書いてあったとおり）

が、3番はなんとなく、ファスナーもつ部分が狂わせて大きくなってそうな気もしますね。

例外のweb表示４番はバグだと思います。

1枚目の画像サイズ感にあわせて、2枚め以降の表示サイズも同じなのが面白いですね。

検索結果のCTRとどちらを優先させるか悩みどころですね。

他の財布画像。choice帯がグレーバック部分に追加。その他カテ一例でスポーツ。上部固定枠除いてほぼ正方形。

ファッションその他商品。真ん中はダウンロードデータで横縦のサイズが998*1000ピクセル。
最大表示出来ている右の画像を例にとって考察続きます。
なるべく国外セラー・メーカー品などを参考画像にしていますが会員の方の商品がありましたらすみません。こちらの画像はダウンロードで936*1200ピクセルですが、簡単に近づける一つの方法として先月紹介させていただいたフォトスケープの既存アスペクト比を使って説明します。

画像にある横縦『3.5:4.5』これが画像にも表示されているトリミング枠の比率です。
画像右下を見るとわかるように見本画像の大半をカバーできています。

トリミングはフォトショとかでもいいですがこのソフトは何か一つだけ作業したい時とか、フォトショとできることが変わらない事をするときにPC負担が皆無でアドビ、ブラウザの動きが重いとかにほぼ左右されずサクッと作業や確認ができるのでかなり使えます。

皆様ご活用いただいて色々新たにメリットなど発見いただければ紹介冥利に尽きる次第です笑

市島さんのコメントにある様に、検索結果画面では。

1. バッヂ
2. レビュー
3. クーポン
4. ポイント( なんかついてれば一行、2%以上だと赤枠でもう一行。かな、多分)

があると画像のスペースが増えます。 ポイント1% つけとくとかは、やっといた方がいいかもですね。それだけで検索結果画面での占有ピクセルが増やせます。（でも、、、どうせなら 2% つけて赤枠でもう一行いっといた方がいい、、、？　コストと相談）   あ、、スマホのアプリの話です、スマホのブラウザのスマホ表示もしかり。 また、合わせ買い(2点購入すると、、、のヤツ)、あと、タイムセールのバッヂと、プライムマーク、他にもあるかな。。。   ちなみに、タイトルの文字数盛って三行ある方がよき。   複数購入で少額オフの合わせ買いプロモも、ほぼノーコストで出来るからやっといた方がいいかな、検品結果画面の占有面積対策費として。

スレッドの最初の趣旨さは商品ページ内の画像の大きさの話でしたが、類似トピックとしての、アマゾン in スマホアプリ検索結果画面、での専有面積をアップさせる要素、 画像つきまとめ。  

1. バッヂ（ベストセラー、アマゾンズチョイス）
2. レビュー
3. クーポン
4. ポイント( なんかついてれば一行、2%以上だと赤枠でもう一行。)
5. 複数購入プロモで（2%以上の割引）
6. スポンサープロダクト広告の表記
7. プライムマーク

スマホでのアプリのスクショ。