Yahoo　スマホ用画像について

Question

スマートフォン用フリースペースにYahooのスマホ用画像を載せたいと思うのですが、小さくなりすぎて画面幅になりません。
画面幅になるhtmlタグが分かりましたら、教えて頂いても宜しいでしょうか。

Accepted Answer

ECマスターズの田中です。

Yahooも楽天と同様に、
左右にスワイプしないと見れない商品画像に比べ、
購入する前に確認することの多い商品情報を
スクロールするだけで画像をお客様の目に入れることができるため、
スマートフォン用フリースペースなどに
画像を入れていただくことをオススメします。

Answer

ECマスターズの田中です。

追加画像でしたら、

のように、width属性に「100%」と指定し、height属性を指定しないことで、
画像の縦横比を維持したまま、横幅が自動的に画面いっぱい広がるように
設定することができます。

商品画像についても同様なのですが、
Yahoo!の商品画像には、URLによってサイズが変更される機能がついております。

Yahoo!の商品画像のURLは、

http://item.shopping.c.yimg.jp/i/サイズ指定/ストアアカウント_商品コード

このような形式となっており、
「サイズ指定」に入るアルファベットで、表示サイズが決定します。
元のサイズで表示したい場合は「f」を指定してください。

つまり、
商品画像を横幅いっぱいで挿入する場合のHTMLタグをまとめると、
下記の形式になります。

Answer

有難うございます。
無事に載せることが出来ました。
それと重ね重ね質問して申し訳ございません。

Yahooのスマホページの場合、『パソコン版で見る』をクリックすると、PC版の商品画像がきれいに表示されるのですが、スマホページにも楽天のようにスマホ画像を載せる必要性はありますでしょうか？

Answer

有難うございましたo(^-^)o

Yahoo スマホ用画像について

Yahoo　スマホ用画像について