htmlでの画像の入れ方について

Question

お世話になっております。
htmlでの画像の入れ方について質問があります。

以前、PC用商品説明文とスマートフォン用商品説明文 で画像の大きさが違ってしまう質問をしました。

PC用商品説明文に
の形で◎に画像URLを入れて表示していた所スマホだとサイズが半分に切れていたた

スマートフォン用商品説明文 では
のように変更して入れるようにして解決しました。

ここが今の状態なのですが、

同じようなhtmlで両方の文章を作成したいと考えているのですが、

❶PC用商品説明文とスマートフォン用商品説明文 の両方の画像を

にしてもいいのでしょうか？

もしくは、
❷PC用商品説明文とスマートフォン用商品説明文 で画像の入力形式は変えるべきなのでしょうか？


❸通常の場合、画像を入れる文章はどれが基本とされているのでしょうか？


今更ですが基本がおろそかでわからないのでお願いいたします。

Accepted Answer

ECマスターズの伊藤です。

> ❶PC用商品説明文とスマートフォン用商品説明文 の両方の画像を
> 
> にしてもいいのでしょうか？
> 
> ❷PC用商品説明文とスマートフォン用商品説明文 で画像の入力形式は変えるべきなのでしょうか？

統一頂いて問題ございません。
ただし、width=100%の100%は親要素の横幅に依存しますので、
画像が極端に大きく表示される場合などがございます。

その場合は、
width="ここの値"
を調整していただきますよう、お願いいたします。

> ❸通常の場合、画像を入れる文章はどれが基本とされているのでしょうか？

画像表示のタグの基本となりますと



となりますが、
こちらは、画像サイズに依存して
横幅が決定しますので、

としていただいたほうがよろしいかと思います。

Answer

伊藤さんありがとうございます。

今、全画像をに修正してみました。

Answer

ECマスターズの伊藤です。

> 今、全画像をに修正してみました。

ご対応ありがとうございます。
もし、上記タグにて問題がございましたら、
改めてご相談くださいませ。