画像のサイズを変更する

サイトのデザインに合わせて画像のサイズを変更できます。このガイドでは、画像のサイズを変更する方法をいくつか説明します。

画像ブロックの右下に表示されるフリーフォームハンドルを使用すると、画像のサイズを変更できます。画像のサイズを変更するには、次の手順に従います。

1. WordPress.com ダッシュボードから開始します。
2. 画像を追加したページ、投稿、テンプレートを編集します。 
3. サイズを変更する画像をクリックします。
4. 画像の右下に円形のハンドルが表示されます。 
5. ハンドルをクリックしてドラッグし、画像の幅または高さを調整します。

画像の寸法を指定してサイズを調整する場合は、ブロックのサイドバーで設定を調整します。 

1. サイトのダッシュボードにアクセスします。
2. 画像が配置されているページ、投稿、テンプレートを開きます。
3. サイズを変更する画像をクリックします。
4. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。
   

5. サイドバーで、「幅」フィールドと「高さ」フィールドを探します。希望の寸法をピクセル単位で入力します。
6. カスタムの寸法を設定したら、「縮尺変更」オプションを選択します。
   • カバー: 縦横比を維持しながらコンテナ全体に画像を表示します。画像の一部が切り抜かれる場合があります。ヒーロー画像に最適です。
   • 収める: ブロックに合わせて画像の縮尺が変更されます。切り抜きは行われません。ロゴに最適です。

画像の縦横比を変更するには、次の手順に従います。

1. WordPress.com ダッシュボードから開始します。
2. 画像を追加したページ、投稿、テンプレートを編集します。 
3. 調整する画像をクリックします。
4. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。

5. 「縦横比」ドロップダウンを探して、次のいずれかのオプションを選択します。
   • オリジナル: 画像をアップロードしたときと同じ縦横比。
   • 正方形 – 1:1
   • 標準 – 4:3
   • 縦長 – 3:4
   • クラシック – 3:2
   • クラシックポートレイト – 2:3
   • 幅広 – 16:9
   • 縦長 – 9:16
6. オリジナル以外の縦横比を選択した場合、「縮尺変更」オプションが利用可能になります。「縮尺変更」では、選択した縦横比に画像をどのように収めるかを指定します。次のオプションがあります。
   • カバー: スペース全体に収まるように画像が拡大されます。画像の一部が表示されなくなります。
   • 収める: 画像のコンテンツ全体がスペース内に表示されるように、画像の縮尺が調整されます。画像が収まるようにサイズが小さくなります。

画像設定には、代替テキスト、縦横比、画像の幅/高さ、画像解像度の項目があります。

画像の設定をリセットするには、次の手順に従います。

1. サイトのダッシュボードから開始します。
2. 画像を追加したページ、投稿、テンプレートを編集します。 
3. 編集する画像をクリックします。
4. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。

5. 「設定」ヘッダーの右にある3つのドットをクリックして「設定オプション」メニューを開きます。
6. リセットする各設定の横にある「リセット」オプションをクリックします。すべての設定をリセットするには、「すべてリセット」をクリックします。
   • 「リセット」が利用できない場合、カスタマイズは適用されていません。

画像のサイズを変更すると、画質が影響を受けます。画像はピクセルと呼ばれる小さな正方形でできているため、元の寸法を超えて画像を拡大すると、ぼやけたりピクセル化して表示されたりする可能性があります。画像を引き伸ばすと、ピクセルが目立つようになり、その結果、画像の鮮明さが低下します。

最高画質を実現するには、最初から高解像度画像を使用します。より大きなものが必要な場合は、既存のファイルを拡大するのではなく、より高画質のファイルをアップロードします。画像のサイズを小さくしても、通常は画質は影響を受けず、読み込み速度が向上します。適切なサイズにするには、アップロードする前に画像のサイズを確認するか、画像編集ツールを使用して画像のサイズを変更してからサイトに追加します。