画像エディタを使用する

画像エディタを使用して、使用する画像の編集やリサイズを管理画面で実行できます。

画像を編集する前に、画像の縦横比がウェブサイトでの表示にどのように影響するかを理解しておく必要があります。

画像のアスペクト比を把握する

画像のアスペクト比は、幅と高さの比です。たとえば、200ピクセル × 400ピクセルの画像の縦横比は1:2です。150ピクセル × 450ピクセルの画像のアスペクト比は1:3です。

画像のサイズが異なるもののアスペクト比が同一という場合があります。画像のアスペクト比が同じかどうかを計算するには、各画像の幅を高さで除算し、計算結果を比較します。

特定のタイプの画像すべてに一貫したアスペクト比を使用すると、すべて同じサイズで表示できるため、きれいに並べて表示できます。たとえば、コレクション内で商品画像を同じサイズで表示するには、画像を同じアスペクト比に調整する必要があります。

画像エディタを使用して画像をトリミングし、同じアスペクト比に調整できます。

画像エディタを開く

画像エディタを使用して商品画像を編集できます。

手順:

  1. 管理画面で、商品 > すべての商品に移動します。
    1. 編集したい画像がある商品の名前をクリックします。 3. 編集する画像の上にカーソルを置き、[画像を編集] をクリックします。

画像をトリミングする

画像をトリミングして画像の一部を削除できます。これは、画像の一部のみを表示する場合、または画像の縦横比を変更する場合に便利です。

手順:

  1. [トリミング] をクリックします。
  2. 保持する画像の範囲を指定します。 - 画像をカスタムサイズにトリミングする場合は、[フリーフォーム] をクリックします。強調表示された領域の角をクリックしてドラッグするか、強調表示された領域内をクリックして別の位置にドラッグすることができます。

    • 画像と同じアスペクト比を使用して画像をトリミングする場合は、[オリジナル] をクリックします。強調表示された領域の角をクリックしてドラッグしてサイズを変更するか、強調表示された領域内をクリックして別の位置にドラッグすることができます。サイズを変更しても、アスペクト比は元の画像と同じになります。
    • 画像を正方形にトリミングする場合は、[正方形] をクリックします。正方形の角をクリックしてドラッグすることでサイズを変更するか、正方形の内側をクリックして別の位置にドラッグします。正方形のアスペクト比は、サイズを変更しても変わりません。
  3. [適用] をクリックして画像をトリミングします。

  4. 画像エディタでの編集が終了したら、[保存] をクリックします。

画像に描画する

線の追加、画像の一部の強調表示、デザインの追加により、画像に描画できます。

手順:

  1. [描画] をクリックします。
  2. 色とブラシサイズを選択してください。
  3. 描画する画像をクリックしてドラッグします。
  4. 描画を追加するには、[適用] をクリックします。
  5. 画像エディタでの編集が終了したら、[保存] をクリックします。

消しゴムを使用して、描画の全部または一部を削除できます。消しゴムが元の画像を削除することはありません。

画像をリサイズする

リサイズすることで画像の実際のサイズを変更できます。

手順:

  1. [リサイズ] をクリックします。
  2. 画像の新しい幅を入力します。高さは同じアスペクト比を維持するように自動的に更新されます。同じアスペクト比を維持せずに画像のサイズを変更する場合は、[アスペクト比をロック] をクリックします。アスペクト比をロックを無効にしないで画像のサイズを変更すると、画像が歪むことがあります。
  3. [適用] をクリックして画像のサイズを変更します。
  4. 画像エディタでの編集が終了したら、[保存] をクリックします。

画像の方向を変更する

画像を反転または回転して、表示方向を変更できます。フレーム内の画像を傾けることも可能です。

手順:

  1. [回転する] をクリックします。
  2. 画像の向きを変更するには、以下の操作を実行します。 - 画像を回転させるには、[時計回りに回転する] をクリックします。

    • [上下反転] または [左右反転] ボタンをクリックして画像を反転します。
  3. 画像の向きを変更するには、[適用] をクリックします。

  4. 画像エディタでの編集が終了したら、[保存] をクリックします。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す