基礎と応用のホームページ講座

基礎と応用のホームページ講座（３８a）
軽い画像に、綺麗で重い画像をリンクする
「軽い画像に、綺麗で重い画像をリンク(１)」画面
写真（１）
　写真（１）は、「軽い画像に、綺麗で重い画像をリンク(１)」画面です。
(１)重い写真を軽い写真と入れ替えました。
「軽い画像に、綺麗で重い画像をリンク(２)」画面
写真（２）
　写真（２）は、「軽い画像に、綺麗で重い画像をリンク(２)」画面です。
(１)@写真の「tayori03bh」を右クリック→A「イメージの変換」
(２)B「JPEGのプロパティ」→C「現在のサイズ」は「23632」(約２万)
(３)軽いことは大切ですが、画像の綺麗さ・美しさを伝えていないことがあります。
「軽い画像に、綺麗で重い画像をリンク(３)」画面
写真（３）
　写真（３）は、「軽い画像に、綺麗で重い画像をリンク(３)」画面です。
(１)@写真を右クリック→A「リンク」
(２)B「ファイルの場所」(「tayori」フォルダ)→C「ファイルの種類」は「すべてのファイル(*.*)」
(３)D「tayori03bhL」→E「開く」→「OK」→「上書き保存」
「軽い画像に、綺麗で重い画像をリンク(４)」画面
写真（４）
　写真（４）は、「軽い画像に、綺麗で重い画像をリンク(４)」画面です。
(１)写真（２）の「tayori03bh」は約２万バイトに軽くなりましたが、綺麗ではありません。
(２)エレメンツの元の画像(１.３７M)をドラッグします。
(３)「イメージ」→「サイズ変更」→「画像解像度」
(４)@「幅」を７００に変更する→A「高さ」は自動的に５２６に変化
(５)B「ピクセル数」は１.０５M(幅を７００に変更した時の重さ)→「変更前」(元の画像)は「１.３７M」
(６)「ファイル名」は「tayori03bhL」(「tayori03bh」のLongという意味)とする。
「軽い画像に、綺麗で重い画像をリンク(５)」画面
写真（５）
　写真（５）は、「軽い画像に、綺麗で重い画像をリンク(５)」画面です。
(１)@ビルダー上の画像「tayori03bh」をクリック→「リンク」
(２)A画像「tayori03bh」が見れるように、「リンク」・「ファイル選択」ウインドウを移動
(３)B「ファイルの場所」(「tayori」フォルダ)→C「ファイルの種類」は「すべてのファイル(*.*)」
(４)D「tayori03bhL」(「tayori03bh」のLong)を選択→E「開く」→「OK」→「上書き保存」
「軽い画像に、綺麗で重い画像をリンク(６)」画面
写真（６）
　写真（６）は、「軽い画像に、綺麗で重い画像をリンク(６)」画面です。
(１)ブラウザ画面の表面上に見える画像は軽い「tayori03bh」です。
(２)軽い画像「tayori03bh」をクリックすると、重いが、綺麗な画像「tayori03bhL」にリンクする。
(３)リンクして、「６万バイト」を超えるページや画像になり場合、その旨を表示します。基礎基本です。
「軽い画像に、綺麗で重い画像をリンク(７)」画面
写真（７）
　写真（７）は、「軽い画像に、綺麗で重い画像をリンク(７)」画面です。
(１)軽い画像「tayori03bh」をクリック→重い画像「tayori03bhL」が表示される。
(２)@重い画像を右クリック→A「プロパティ」
(３)B表示される画像のファイル名「tayori03bhL」→C「サイズ」は「122462」(１２万２４６２バイト)
「軽い画像に、綺麗で重い画像をリンク(８)」画面
↑(完成ページにリンク)
写真（８）
　写真（８）は、「軽い画像に、綺麗で重い画像をリンク(８)」画面です。