ｈｔｍｌの画像の大きさの指定について

質問

ｈｔｍｌの画像の大きさの指定について

教えてください。

ｈｔｍｌで画像の大きさを指定できますよね。

width="" height="" のように

たとえば50％と指定した場合、どのぐらいの大きさになるのでしょうか。
逆にピクセルで指定した場合は・・・？
50％か50ピクセルにすると何センチの大きさになる、、という定義はあるでしょうか。

画像の場合のピクセルと％の数値の違いは？

見た目ではなく、詳しい数値等で教えてほしいと言われ苦しんでいます。

どうかご教示ください。
宜しくお願いいたします。

回答No.2

sugarp

picture01.jpgという、縦が400、横が500の画像があったとします。

50％などの拡大率指定を使うには、まずcssで定義をしておきます。

例：
　<style type="text/css">
　img.picture01 { zoom: 50%; }
　</style>
　<img src="sample01.jpg" class="picture01">

このようにcssでpicture01というclassを定義しておきます。
classの名前は何でもいいです。このclassを指定することにより、
定義した拡大率を使用できます。
これでsample01.jpgが縦、横ともに半分の大きさで表示されます。
縦が200、横が250の大きさで表示です。

直接ピクセル数での指定の場合は、

　<img src="sample01.jpg" height=200 width=250>

これでも同じく、縦が200、横が250の大きさで表示されます。

では、合わせ技を使ってみます。

　　<img src="sample01.jpg" height=200 width=250 class="picture01">

この場合、縦が200、横が250に対しての50％、という構文になります。
よって、縦が100、横が125のサイズで表示されることになります。

こんな例でよろしかったでしょうか？

回答No.1

abril

pixelは画面の解像度に依存しますから、それによって1pixel＝何cmかは変わります。
過去に、似たような質問がありました↓
【参考】http://oshiete1.goo.ne.jp/qa2119213.html

また、%で指定した場合は、その要素の表示領域の幅と高さにに対するパーセンテージですから、こちらも相対的です（例えば表示領域が100pxの場合であれば、50%は50pxとなります）。どちらもセンチやインチの様な絶対値ではありません。そういう質問自体が無意味であるとお答えになった方が宜しいように思われますが…