header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • 画像をクロップする
  • 画像のサイズを変更・回転させる
  • 画像のデザインをカスタマイズする
  • AI で画像を編集する
  • Wix フォトスタジオで画像を編集する
  • 画像にリンクを追加する
  • 画像の設定をカスタマイズする
  • よくある質問

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

この記事内
  • 画像をクロップする
  • 画像のサイズを変更・回転させる
  • 画像のデザインをカスタマイズする
  • AI で画像を編集する
  • Wix フォトスタジオで画像を編集する
  • 画像にリンクを追加する
  • 画像の設定をカスタマイズする
  • よくある質問
画像は視覚的にメッセージを共有し、印象に残る体験を提供するのに役立ちます。エディタツールと Wix フォトスタジオを使用すると、ブランドやサイトのレイアウトに合わせて各画像を自由に形作り、カスタマイズできます。
クロップやサイズ変更、フィルターを使用したデザインと操作感の編集、画像クリック時の動作を選択して、画像を思い通りにアピールしましょう。
ヒント:
重要なパーツである画像にアニメーションを適用すると、ページに躍動感を与えることができます。

画像をクロップする

画像をクロップして、サイトに表示したい部分のみを表示します。画像を手動でクロップしたり、比率を使用したりすることができます。
注意:
ほとんどの種類の画像はクロップできますが、GIF はクロップできません。

画像をクロップする方法:

  1. エディタに移動します。
  2. ページ上で該当する画像をクリックします。
  3. 画像のクロップ方法を選択します:
「クロップ」アイコンをクリックした様子を示したスクリーンショット。

画像のサイズを変更・回転させる

ページのデザインに合わせて、画像のサイズと向きを調整します。

画像のサイズを変更・回転させる方法:

  1. エディタに移動します。

  2. ページ上で該当する画像をクリックします。

  3. 実行する内容を選択します:

画像を回転させている様子を示したスクリーンショット。

画像のデザインをカスタマイズする

サイトのスタイルに合わせて、画像のデザインをカスタマイズします。枠線を追加したり、角の丸みを調整したり、影を適用したりすることで、画像を独自のデザインにすることができます。

画像のデザインをカスタマイズする方法:

  1. エディタに移動します。

  2. ページ上で該当する画像をクリックします。

  3. アクションバーで「すべてのデザインオプション」アイコン  をクリックします。

  4. 画像をデザインします:

    • 塗りつぶし色 :画像の不透明度を調整して、不透明度を調整します。

    • 枠線 :画像の枠線の色、太さ、スタイルを変更します。「すべての枠線を編集」アイコン  をクリックすると、すべての枠線をまとめてデザインすることができます。

    •  :「半径」下のスライダーをドラッグし、画像の角の丸みを調整します。「個々の角を編集」アイコン  をクリックすると、それぞれの角を個別にデザインすることができます。

    •   :内側と外側の影を適用し、位置、ぼかし、色などを調整して、画像が立体的に見えるようにします。

    • エフェクト :画像を背景(例:画像の下にあるレイヤー)とどのように調和させるかを決定します。

Wix Harmony エディタのエフェクトの設定で、ブレンドモードを「乗算」に設定した様子を示したスクリーンショット。

AI で画像を編集する

Harmony エディタを離れることなく、AI を使用して画像を編集しましょう。ページ上の画像をクリックすると、横に画像編集ツールバーが表示され、以下のツールを使用できます。

画像編集ツールバーまたはエディタ上部のアクションバーで「Aria に質問」をクリックし、自身の言葉で変更内容を説明することもできます。

注意:

新しい画像は自動的にメディアマネージャーに保存されます。

AI で画像を編集する方法:

  1. エディタに移動します。

  2. ページ上で該当する画像をクリックします。

  3. 画像を編集する方法を選択します:

Wix Harmony エディタで AI 画像の編集オプションが表示されたスクリーンショット。

Wix フォトスタジオで画像を編集する

Wix フォトスタジオを使用すると、エディタを開いたまま美しい画像を作成することができます。フォトスタジオでは、既にアップロードしている画像をカスタマイズしたり、編集後の画像をメディアマネージャーに保存したりすることができます。

フィルター、回転、オーバーレイなど、さまざまな編集オプションが用意されているため、その場で自由に画像を編集することができます。

ヒント:

サムネイル画像下の「クロップ・編集」をクリックして、メディアマネージャーから直接画像を編集することもできます。

画像を編集する方法:

  1. エディタに移動します。

  2. ページ上で該当する画像をクリックします。

  3. 実行する内容を選択します:

    • フィルターを適用する:アクションバーで「フィルター」アイコン  をクリックすると、「セピア」や「ぼかし」などの一般的なフィルターや、「ケネディ」や「オーカ」などの独特な効果を選択することができます。

    • 画像を調整する:アクションバーで「調整」アイコン  をクリックすると、明るさ、コントラスト、露出などのツールを使用して、画像を微調整することができます。

    • Wix フォトスタジオに移動する:「画像を編集」をクリックすると、フォトスタジオに移動して、さまざまなツールを使用することができます。

  4. 保存」をクリックします。

Wix フォトスタジオが表示されている様子を示したスクリーンショット。

別のページ、ウェブサイト、文書、ポップアップなどにリンクを設定して画像をクリック可能なものにし、訪問者が簡単に目的の場所に移動できるようにします。

画像にリンクを追加する方法:

  1. エディタに移動します。

  2. ページ上で該当する画像をクリックします。

  3. アクションバーで「リンク」アイコン  をクリックします。

  4. リンクの種類を選択して詳細を入力します。

  5. リンクの詳細を入力します。

  6. 完了」をクリックします。

「リンク先」パネルが表示されている様子を示したスクリーンショット。

画像の設定をカスタマイズする

サイト上での画像の表示と動作に関する設定をカスタマイズします。画像を装飾目的としてマークしたり、表示モードを設定したり、アクセシビリティのために代替テキストを追加したり、画像がクリックされた際のリンク先を指定したりすることができます。

画像の設定をカスタマイズする方法:

  1. エディタに移動します。

  2. ページ上で該当する画像をクリックします。

  3. アクションバーで「設定」アイコン  をクリックします。

  4. カスタマイズするものを選択します:

    • 表示モード:ページ上での画像の表示方法を、「塗りつぶし」、「フィット」、「アスペクト比で」から選択します。

    • リンク先:画像のリンク先を指定します(例:サイトページ、メール、文書など)。

    • アクセシビリティ:ドロップダウンをクリックし、以下をカスタマイズします:

「設定」パネルが表示されている様子を示したスクリーンショット。
注意:

現在、画像やギャラリーにまとめて代替テキストを追加することはできません。この機能をご希望の場合は、こちらからこの機能リクエストに投票することができます。


よくある質問

画像の編集とカスタマイズに関する詳細については、以下の質問をクリックしてください:

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.