Wix エディタ:画像をクロップする
読了時間:4分
画像をクロップして、必要な部分だけがサイトに表示されるようにしましょう。手動で画像をクロップしたり、比率やシェイプを使用することができます。
この記事では、下記の項目について説明します:
注意:
ほとんどの種類の画像はクロップできますが、GIF はクロップできません。
手動で画像をクロップする
エディタ内から手動で画像をクロップし、見せたい箇所を表示させましょう。クロップのサイズ、位置、ズームを選択します。
手動で画像をクロップする方法:
- エディタで画像をクリックします。
- 「切り抜き」アイコン をクリックします。
- 以下の操作を行って、画像をクロップします:
- クロップハンドルをドラッグし、クロップしたいパーツを選択します。
- クロップしたいエリアにクロップ画面を移動させます。
- スライダーをドラッグし画像をズームイン、ズームアウトするか、テキスト欄にパーセント値を入力します。
- 「適用」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/27/ab1a06f4-3677-44c0-a470-d0224410741a/cd006d9f-822f-496f-9e29-a0feb577f38b.png)
比率を使用して画像をクロップする
Wix フォトスタジオにあるプリセットの比率を使用し画像をクロップしましょう。
比率を使用して画像をクロップする方法:
- エディタで画像をクリックします。
- 「設定」アイコン をクリックします。
- 「調整」をクリックします。
- 左側の「クロップ」をクリックします。
- 「クロップ比率」をクリックします。
- 画像をクロップする比率を選択します。
- 完了したら、チェックマークをクリックして「保存」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/27/877b61c2-07ba-4a2a-a593-1be2a68e6507/454a4edd-ef44-48c0-8047-2adbf03a415a.png)
シェイプを使用して画像をクロップする
お好みの形に画像をクロップしましょう!画像のシェイプを選択し、好みに合わせてカスタマイズできます。
シェイプを使用して画像をクロップする方法:
- エディタで画像をクリックします。
- 「切り抜き」アイコン をクリックします。
- 「クロップ」アイコン
- 画像のシェイプを選択するか、「追加」アイコン をクリックして、カスタムシェイプを追加します。
- スライダーをドラッグして、画像を拡大または縮小します。
- 「シェイプの比率をリセット」アイコン をクリックして、シェイプを元の縦横比にリセットします。
- 「反転」アイコンの 1 つをクリックして、シェイプを反転させます:
- :シェイプを横向きに反転します。
- :シェイプを縦向きに反転します。
をクリックします。
- 「適用」をクリックしてクロップを保存します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/27/f7977eb0-f7fb-4293-9ce7-c4458f0805f7/fd863d77-3712-45f9-8d02-36d25cb982fa.png)
画像からクロップを削除する
画像からクロップを削除して、元の縦横比とサイズに戻します。
画像からクロップを削除する方法:
- エディタで画像をクリックします。
- 「切り抜き」アイコン をクリックします。
- ハンドルをクリックして、画像の端までドラッグします。
- 「適用」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/27/4c384a52-fbae-4ae2-9b47-d6ff2e78d517/afe53c22-4da8-49db-bd20-d289166fcd7f.png)
ヒント:
すでに画像がクロップされている場合、エディタで画像をクリックすると「クロップ」アイコン
がハイライトされます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/22/26a92796-6cc0-43e1-ad4b-9f9d2a441c6b/f95ac0a8-3dee-4203-9eca-8833270fb307.png)