ガイド/コンテンツの作成/メディア/画像を編集する

画像を編集する

エディターとサイトのメディアライブラリから、画像の回転、切り抜き、反転を実行できます。このガイドでは、エディターとメディアライブラリの両方を使用して画像を編集する方法について説明します。

エディターで画像を編集する

次の手順に従って、サイトに追加した画像を編集します。

  1. サイトのダッシュボードから開始します。
  2. 画像を追加したページ、投稿、テンプレートを編集します。 
  3. 切り抜く画像をクリックします。
  4. 画像をクリックすると表示されるツールバーで、「切り抜き」アイコンをクリックします。
画像ブロックのツールバー。「切り抜き」アイコンが強調表示されている
画像ブロックのツールバーの「切り抜き」アイコンをクリックした後に表示されるツールバーの切り抜きツール。
  1. 次のアイコンを使用して画像を編集します (左から右)。
    • ズーム: 虫眼鏡アイコンをクリックすると、最大300% 画像を拡大できます。画像の拡大箇所はクリックとドラッグで制御します。
    • 縦横比: コーナーに矢印が表示されている長方形をクリックし、特定の縦横比のドロップダウンから選択します。最終的に切り抜いて表示する画像の部分は、縦横比を選択した後に画像をクリックしてからドラッグして制御します。
      • オリジナル
      • 正方形
      • 横型: 16:10、16:9、4:3、3:2
      • 縦型: 10:16、9:16、3:4、2:3
    • 回転: 円形の矢印アイコンをクリックすると、画像が90° 回転します。180°、270°、360° 回転するには、「回転」を複数回クリックします
  2. 編集が完了したら、「適用」ボタンをクリックして変更内容を保存します。

ユーザーが画像を編集すると、メディアライブラリに画像の新しいコピーが作成されます。これにより、サイト内の他の場所でこの画像を使用していても、元の画像は影響を受けなくなります。しかも元の画像は必要に応じて引き続き取っておくことができます。

エディターで元の画像を復元する

画像が切り抜かれるたびに、元の画像のコピーが作成されます。変更を元に戻すには、次の手順に従って、切り抜いた画像を元の画像に置き換えます。

  1. サイトのダッシュボードから開始します。
  2. 画像を追加したページ、投稿、テンプレートを編集します。 
  3. 置き換える画像をクリックします。
  4. 画像の上に表示されるツールバーで、「置換」オプションをクリックします。 
画像ブロックツールバーで強調表示された「置換」オプション。
  1. 選択肢のリストから「メディアライブラリを開く」を選択します。
  2. メディアライブラリから元の画像を選択します。

メディアライブラリで画像を編集する

メディアライブラリで画像を編集することもできます。

  1. サイトのダッシュボードにアクセスし、左側のメニューの「メディア」に移動します。
  2. 編集するメディアファイルの名前をクリックします。
  3. 画像のプレビューの下にある「画像を編集」ボタンをクリックします。
  4. 「画像を編集」ページでは、画像プレビューの上にいくつかの編集ボタンが表示されます。
メディアライブラリの「メディアを編集」ページで画像の上に表示される編集ツール。
  1. 次のボタンを使用して画像を編集します (左から右)。
    • 「切り抜き」ボタンをクリックすると、マウスをドラッグして切り抜く領域を選択できます。さらに、特定の縦横比と開始点を設定できます。
    • 「縮尺変更」ボタンをクリックすると、画像の新しい寸法を手動で入力できます。最良の結果を得るには、切り抜き、反転、回転の前に尺度変更を行ってください。
    • 「画像の回転」ボタンをクリックすると、画像を回転または反転できます。
  2. 画像の編集が終わったら、「編集を保存」ボタンをクリックして変更内容を保存するか、「編集をキャンセル」ボタンをクリックして変更内容を保存せずに画像エディターを終了します。

変更内容は元の画像ファイルに適用されます。元の画像はいつでも復元できます。

メディアライブラリで元の画像を復元する

メディアライブラリで編集した画像は、次の手順に従って、いつでも復元できます。

  1. サイトのダッシュボードにアクセスし、左側のメニューの「メディア」に移動します。
  2. 編集するメディアファイルの名前をクリックします。
  3. 画像のプレビューの下にある「画像を編集」ボタンをクリックします。
  4. 「メディアを編集」ページで、「元の画像を復元」 テキストをクリックしてセクションを展開します。
  5. 「画像を復元」ボタンをクリックします。
  6. 「編集をキャンセル」をクリックして、復元された画像を保存します。
Copied to clipboard!