次の方法で共有


画像のサイズの設定

ページに画像を追加すると、Microsoft Expression Web では、画像の実際の大きさに基づいて自動的に画像の幅と高さのプロパティが設定されます。[ページ編集オプション] ダイアログ ボックスを使用して、Expression Web での画像サイズの設定に HTML 属性とカスケード スタイル シート (CSS) のどちらを使用するかを指定できます。

画像のサイズ変更ハンドル Cc295185.51e07df4-5b7e-4c9f-8607-0a17205adafd(ja-jp,Expression.10).gif をダブルクリックすると、画像の幅と高さのプロパティを簡単に追加または削除できます。画像のサイズを変更するには、サイズ変更ハンドルをドラッグするか、値を指定します。いずれかの方法で高さと幅のプロパティを変更すると、画像のサイズが変更されます。サイズを変更した画像をリサンプルする必要がある場合は、[画像] ツール バーの [リサンプル] ボタン Cc295185.495e2c3a-319d-438b-afab-cc000cd31c9d(ja-jp,Expression.10).bmp または [デザイン] ビューで画像の近くに表示される [画像の処理] ボタン Cc295185.f31f1fb1-d33f-4d0e-aaa5-cb90a676c07b(ja-jp,Expression.10).gif を使用します。

Expression Web で画像の大きさの設定に使用されるコードを設定するには

  1. [ツール] メニューの [ページ編集オプション] をクリックします。

  2. [ページ編集オプション] ダイアログ ボックスの [CSS] タブで、[CSS の代わりに画像に幅と高さの属性を使用する] をオンまたはオフにします。

    Cc295185.alert_tip(ja-jp,Expression.10).gifヒント :

    Expression Web で、CSS を使用して画像の幅と高さを定義するように設定した場合は、[ページ編集オプション] ダイアログ ボックスで [サイズ、配置、フローティング] オプションを設定して、Expression Web で使用されるスタイルの種類を指定できます。詳細については、「生成された CSS の設定」を参照してください。

高さと幅のプロパティを追加または削除するには

  1. Web ページの [デザイン] ビューで画像をクリックします。

  2. 次の操作のいずれか、または複数の操作を行います。

    • 幅のプロパティのみを追加または削除するには、項目の右側のサイズ変更ハンドルをダブルクリックします。

    • 高さのプロパティのみを追加または削除するには、項目の下側のサイズ変更ハンドルをダブルクリックします。

    • 幅のプロパティと高さのプロパティを追加または削除するには、項目の右下角のサイズ変更ハンドルをダブルクリックします。

    詳細については、「[デザイン] ビューでの余白、パディング、および大きさの設定」を参照してください。

ドラッグで画像のサイズを変更するには

  1. Web ページの [デザイン] ビューで画像をクリックし、次に、画像の右側、下、または右下角のハンドル Cc295185.51e07df4-5b7e-4c9f-8607-0a17205adafd(ja-jp,Expression.10).gif を新しい位置にドラッグします。

  2. 変更後のサイズに基づいて画像をリサンプルする場合は、次のいずれかの操作を行います。

    • [画像] ツール バーの [リサンプル] ボタン Cc295185.495e2c3a-319d-438b-afab-cc000cd31c9d(ja-jp,Expression.10).bmp をクリックします。

    • 画像の右下角の近くにある [画像の処理] ボタン Cc295185.f31f1fb1-d33f-4d0e-aaa5-cb90a676c07b(ja-jp,Expression.10).gif をクリックし、[変更したサイズに画像をリサンプルする] をクリックします。

    Cc295185.alert_note(ja-jp,Expression.10).gifメモ :

    編集した画像を保存するには、[ファイル] メニューの [保存] をクリックして、そのページを保存します。[埋め込みファイルの保存] ダイアログ ボックスで必要なオプションを設定し、[OK] をクリックします。詳細については、「埋め込み画像の保存」を参照してください。

ピクセルまたはパーセント単位の値を指定して画像のサイズを変更するには

  1. Web ページで次のいずれかの操作を行います。

    • [デザイン] ビューのみで、画像をダブルクリックします。

    • 設定する画像をクリックし、[書式] メニューの [プロパティ] をクリックします。

    • 画像を右クリックして、[デザイン] ビューで [画像のプロパティ] をクリックするか、[コード] ビューで [タグのプロパティ] をクリックします。

  2. [画像のプロパティ] ダイアログ ボックスの [外観] タブで、次の操作を行います。

    項目

    目的

    サイズの指定

    チェック ボックスを選択します。

    縦横比を維持する

    画像の元の比率を保持する場合に選択します。

    任意のサイズおよび単位を指定します。

  3. 変更後のサイズに基づいて画像をリサンプルする場合は、次のいずれかの操作を行います。

    • [画像] ツール バーの [リサンプル] ボタン Cc295185.495e2c3a-319d-438b-afab-cc000cd31c9d(ja-jp,Expression.10).bmp をクリックします。

    • 画像の右下角の近くにある [画像の処理] ボタン Cc295185.f31f1fb1-d33f-4d0e-aaa5-cb90a676c07b(ja-jp,Expression.10).gif をクリックし、[変更したサイズに画像をリサンプルする] をクリックします。

Cc295185.alert_note(ja-jp,Expression.10).gifメモ :

編集した画像を保存するには、[ファイル] メニューの [保存] をクリックして、そのページを保存します。[埋め込みファイルの保存] ダイアログ ボックスで必要なオプションを設定し、[OK] をクリックします。詳細については、「埋め込み画像の保存」を参照してください。

関連項目

概念

画像のプロパティの概要

画像のトリミング

[デザイン] ビューでの余白、パディング、および大きさの設定

埋め込み画像の保存