画像の編集

画像の編集

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

単純な編集を適用するだけでよいときに画像を編集して再アップロードするのは面倒です。 Docs & Mediaには、まさにこの理由から、シンプルな組み込み画像エディターが含まれています。 画像エディターにアクセスするには、編集する画像を見つけます。 [アクション]アイコン(Actions)をクリックし、[ 画像エディターで編集]を選択します。

コンテンツに挿入する画像を選択するときに(つまり、アイテムセレクターを介して)画像エディターにアクセスすることもできます。 画像がどこにあっても、編集できます。 たとえば、ブログエントリやWebコンテンツの記事のアイテムセレクタプレビューウィンドウから画像エディタにアクセスできます。 これを行うには、プレビューウィンドウの右下隅にある鉛筆アイコン(Pencil)をクリックします。

図1:Documents and Mediaリポジトリから画像エディターにアクセスできます。

図2:アイテムセレクタのプレビューウィンドウから画像エディタにアクセスすることもできます。

Documents and Mediaリポジトリを介して画像を編集して保存すると、ファイルバージョンがマイナーバージョンに増分されます(たとえば、バージョン1.0からバージョン1.1に)。 あなたは、画像をクリックすると、そのクリックして画像のバージョン履歴(および以前のバージョン)を表示することができます 情報 ボタン(i)、次に選択する バージョン 現在に設定メニューから 詳細。 対照的に、アイテムセレクターを使用して画像を編集および保存すると、画像のコピーが作成されてドキュメントライブラリに保存されます。

Liferayは、迅速な編集を念頭に置いて画像エディターを設計しました。 最小限のユーザーフレンドリーなUIを提供します。 メインツールバーは3つのボタンで構成されており、各ボタンにはオプションのサブセットが含まれています。

図3:画像エディターのUIは明確で要点があり、必要なものだけを提供しています。

変換Transform

  • 回転:画像を左または右に90度ずつ回転します。
  • リサイズ:画像のサイズを変更します。 ロックを閉じると、アスペクト比がロックされ、幅または高さを変更すると、他の寸法が自動的に調整されてアスペクト比が維持されます。 ロックを開くと、幅と高さを個別に変更して、アスペクト比を変更できます(画像が歪む可能性があるため、これはお勧めできません)。
  • クロップ:画像をクロップします。

調整Adjustment

  • 彩度:色の彩度を調整します。 デフォルト値は50です。 値の範囲は0(完全に彩度を落とす)〜100(完全に彩度を上げる)です。
  • コントラスト:コントラストを調整します。 デフォルト値は50です。 値の範囲は0(コントラストなし)から100(フルコントラスト)です。
  • 明るさ:明るさを調整します。 デフォルト値は50です。 値の範囲は0(完全に黒)から100(完全に白)です。

フィルターWand):画像にフィルターを適用します。

図4:プリセット画像フィルターのセットから選択します。

エディタで画像を編集するときに、[ キャンセル ]ボタンをクリックして変更をキャンセルするか、[ 適用 ]ボタンをクリックして変更を適用できます。 変更を適用すると、履歴バーが表示されます。 変更を元に戻したり、やり直したり、リセットしたりできます。 注意してリセットボタンを使用してください。画像を元の状態にリセットし、エディターで行われたすべての変更を元に戻します。

図5:履歴バーでは、変更を元に戻したり、やり直したり、リセットしたりできます。

« ファイルプレビューの表示ファイルの公開 »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています