Wix Studio エディタ：画像を編集・カスタマイズする | サポートセンター

Wix Studio エディタ：画像を編集・カスタマイズする

読了時間：7分

サイトに画像を追加すると、さまざまなオプションを使用してカスタマイズおよび編集することができます。画像サイズを調整、クロップ、焦点を設定して、画面サイズに関係なく、関連する領域が常に表示されるようにします。

フォトスタジオで編集したり、著作権保護のためにウォーターマークを追加することもできます。

この記事では、以下の項目について説明します：

ヒント：

要素をピン留めまたはスティッキー配置に設定することで、訪問者がページをスクロールしても画像を画面に表示したままにすることができます。

Wix Studio エディタでは、すべての画像にレスポンシブコンテナのように機能するバウンディングボックスがあります。これらは、画像の周りに表示される青い枠で表されます。バウンディングボックス内での画像の表示方法を選択することができます（例：拡大、フィットなど）。

バウンディングボックス内で拡大

バウンディングボックスにフィット

画像の比率を維持

ブレイクポイントを操作する場合：

画像に選択した表示モードは、すべてのブレイクポイントに適用されます。

ブレイクポイントごとに画像のクロップ（切り抜き）方法を選択できます。これにより、仕様に合わせて画像をさらにカスタマイズできるだけでなく、すべてのデバイスの訪問者に理想的な体験を提供できます。

ヒント：

画像のクロップを解除したい場合は、「設定」アイコン

をクリックし、「画像をリセット」をクリックすることでリセットできます。

ブレイクポイントごとに画像の焦点を選択できます。これにより、異なる画面サイズの異なるブレイクポイントでサイズが変更されたときに、画像のどの部分を表示するかを選択できます。

ヒント：

主な顔が検出されると、自動的に画像の焦点として設定されます。必要に応じて焦点を変更または調整できます。

画像マスクを使用すると、画像をさまざまなシェイプに簡単にクロップできるため、デザインにシームレスにフィットする柔軟性が得られます。数千ものユニークなデザインから選択するか、独自の SVG ファイルをアップロードしましょう。

該当する画像を選択します。
「マスク」アイコンをクリックします。
シェイプを選択します：
- パネルで利用可能なシェイプを確認します。
- 「追加」アイコンをクリックして、他のデザインを参照するか、自身のファイルをアップロードします。
（オプション）「シェイプの比率にリセット」をクリックして、画像をシェイプの元のアスペクト比に合わせます。
注意：これにより、画像のサイズが変更される場合があります。