サムネイルを変換する方法

大きな画像は、人々が望むほど早くウェブページを見ることを妨げる。 これは多くのオンライン読者にとって大きな抑止力です。 ページの読み込みが速くなるようにサムネイルを変換できます。 サムネイル画像が作成されると、大きい画像は小さい画像にサイズ変更されます。 それに比例して画像のサイズを変更すると、サイズ変更時に画像が変形するのを防ぐことができます。 Photoshop、Fireworks、Paint Shop Proなどの画像エディタでサムネイルを作成できます 。

あなたが必要となります：
  • 画像
  • Photoshop、FireworksまたはPaint Shop Pro
  • テキストエディタ
従うべきステップ：

1

Photoshop、Fireworks、Paint Shop Proなどのお気に入りの画像エディタを開き、メニューから[ファイル] - [開く]を選択して、サイズ変更したい画像を開きます。

2

Photoshopのメニューから「画像」と「画像サイズ」を選択します。 Fireworksで、[修正]、[キャンバスサイズ]、および[画像]を選択します。 Paint Shop Proで、[画像]と[サイズ変更]を選択します。 ダイアログボックスが開きます。

3

画像の高さと幅の元のサイズ（ピクセルまたはパーセンテージ）を小さくします。 寸法を比例して調整するには、Photoshop / Fireworksで「縦横比を制限する」またはPaint Shop Proで「元の印刷サイズを維持する」を選択して高さまたは幅を変更します。 「OK」をクリックしてください。

4

[ファイル] - [名前を付けて保存]を選択してダイアログボックスを開きます。 [ファイル名]テキストフィールドでファイルの名前を変更して[保存]をクリックします。 ミニチュアが作成されました。

5

画像エディタを閉じて、メモ帳、テキストパッド、または編集パッドなどのテキストエディタを開きます。

6

メニューから[ファイル] - [開く]を選択します。 HTMLファイルを見つけてダブルクリックすると、サムネイルが表示されます。 次のコードを挿入してください。

href = "image1-large.jpg"

7

「image1-large.jpg」を元の画像の名前に置き換えます。 「image1-small.jpg」をサムネイルの名前に置き換えます。

8

メニューの[ファイル] - [保存]を選択してHTMLファイルを保存します。