適正サイズの画像の作り方

Webページに張りつける画像は大きすぎると迷惑なだけである。 大きめの画像は、おおむね横400〜500ピクセル程度以下の大きさに縮小してから Webページに張り込む。作業手順は以下の通り。

  1. 元画像を作成する。

    Tgifを使う場合は、作図したものを保存(C-s) してから、左上のプリンタマークのアイコンをマウス真中ボタンを クリックし、「PNG」を選んでから印刷(C-p)する。 元画像の大きさは書きやすい自由なサイズでよい。

  2. PNG画像をGIMPで縮小する。

    Tgifで「PNGに印刷」したファイルは *.png という ファイル名になっている。たとえば、foo.png だとすると、 gimp foo.png & として画像ファイルを開く。

    画像ウィンドウでマウス右クリックし、

    「画像」→「拡大縮小」

    を選び、「新しい幅」を500より小さい値にする。Return を 押すと高さも連動して変わる。「了解」をクリックすると縮小される。 このとき新しい幅と高さを覚えておく

    小さくなった画像ウィンドウで、保存(C-s)する。

  3. Webページに貼る

    HTMLファイルを開き以下のように記述する。XXXとYYYは 縮小した「新しい幅」と「高さ」である。

    <img src="foo.png" alt="画像の説明文" width="XXX" height="YYY">
    

本日の課題