〜覚え書き〜 画像のサイズ変更


画像のサイズ変更にはいろいろな方法がありますが(画像編集ソフトを使うなど)ココではタグで変更を行う方法を紹介します。この方法だと元画像のサイズを変更せずに行えます。

まず画像を用意します(ココではネイビープロジェクトの画像で紹介します)。

画像サイズ350×60

変更する場合は縦と横の比率で行います。

350(横):60(縦)=175(変更する横の数字):X(縦)となります

X=60×175÷350

と言う計算式になりXを算出すると30になります。

これを

<Img src="http://avie12.net/images/gif/navy_logo.gif" width="175" height="30">
              画像のある場所               横       縦

と記述します。

と言うように表示されます。

             

こんな感じで変更してください。