サイト上の画像を編集する

組み込みまたはサ⁠ードパ⁠ーテ⁠ィ⁠ーの画像編集ツ⁠ールを使用して画像を変更します⁠。

最終更新日 2024年10月25日

Squarespaceには⁠、サイト上の画像に変更を加えるための画像エデ⁠ィタ⁠ーが組み込まれています⁠。編集ツ⁠ールには⁠、トリミング⁠、縦横比⁠、明るさ⁠、彩度⁠、コントラストが含まれています⁠。

エデ⁠ィタ⁠ーを使用して変更を加えると⁠、ア⁠ップロ⁠ードされた画像が永続的に変更されるため⁠、元の画像フ⁠ァイルをバ⁠ックア⁠ップしておくことをおすすめします⁠。

動画を見る

始める前に

  • エデ⁠ィタ⁠ーは⁠、編集された⁠.gifフ⁠ァイルを静的⁠.jpgフ⁠ァイルに変換します⁠。
  • サイトの画像の編集は永続的であるため⁠、元に戻すことはできません⁠。[⁠保存⁠] をクリ⁠ックする前に⁠、コンピ⁠ュ⁠ータ⁠ー上の元のフ⁠ァイルをバ⁠ックア⁠ップしておくことをおすすめします⁠。
  • 画像を編集すると⁠、編集した画像はコピ⁠ーとして保存され⁠、サイトの [⁠アセ⁠ット ライブラリ⁠ー⁠] パネルで再利用できます⁠。
  • エデ⁠ィタ⁠ーは⁠.pngフ⁠ァイルの透過をサポ⁠ートしていません⁠。
  • Getty Imagesのプレビ⁠ュ⁠ー画像を編集するには⁠、ライセンスを取得する必要があります⁠。
  • エデ⁠ィタ⁠ーは⁠、バ⁠ージ⁠ョン7⁠.0のサイト スタイルにア⁠ップロ⁠ードされた画像には使用できません⁠。

画像エデ⁠ィタ⁠ーを使用する場所

このエデ⁠ィタ⁠ーは⁠、サイト上の以下の場所にあるほとんどの画像で使用できます⁠。

画像エデ⁠ィタ⁠ーを開く

画像エデ⁠ィタ⁠ーを開く手順は⁠、画像がサイト上のどこにあるかによ⁠って異なります⁠。

画像を編集する

画像エデ⁠ィタ⁠ーでは⁠、右上隅に各編集メニ⁠ュ⁠ーのアイコンが表示されます⁠。調整⁠、トリミング⁠、またはフ⁠ィルタ⁠ー アイコンをクリ⁠ックすると⁠、編集ツ⁠ールの各セ⁠ットが表示されます⁠。

編集後は⁠、以下の方法で変更をキ⁠ャンセルまたは保存できます⁠。

  • 直前の変更を取り消すには⁠、元へ戻すアイコン (⁠左矢印⁠) をクリ⁠ックします⁠。再度適用するには⁠、やり直しアイコン (⁠右矢印⁠) をクリ⁠ックします⁠。
  • そのパネルのすべての変更をキ⁠ャンセルするには⁠、[⁠リセ⁠ット⁠] をクリ⁠ックします⁠。
  • すべての変更を破棄するには⁠、[⁠キ⁠ャンセル⁠] をクリ⁠ックしてすべての編集をキ⁠ャンセルし⁠、画像エデ⁠ィタ⁠ーを閉じます⁠。
  • すべての変更を保存するには⁠、左上隅にある [⁠保存⁠] をクリ⁠ックします⁠。画像の編集を保存すると永続的に保持され⁠、元に戻すことはできません⁠。

各編集ツ⁠ールの詳細については⁠、以下のセクシ⁠ョンをご覧ください⁠。

画像エディター ツール

画像エディター ツール

調整

調整アイコンをクリ⁠ックし⁠、スライダ⁠ーを使用して各オプシ⁠ョンを調整します⁠。

Adjust_the_sliders_to_edit_brightness__contrast__and_other_image_settings.gif

Adjust_the_sliders_to_edit_brightness__contrast__and_other_image_settings.gif

トリミング⁠、反転⁠、回転

トリミング アイコンをクリ⁠ックし⁠、サイドバ⁠ーのツ⁠ールを使用して画像を編集します⁠。

  • トリミング - 縦横比アイコンをクリ⁠ックして標準サイズでトリミングするか⁠、[⁠カスタム⁠] をクリ⁠ックして画像を手動でトリミングします⁠。トリミングをすべて解除するには⁠、[⁠元の画像⁠] をクリ⁠ックします⁠。
  • 反転 - 画像を左右反転するには [⁠左右反転⁠] をクリ⁠ックし⁠、上下反転するには [⁠上下反転⁠] をクリ⁠ックします⁠。
  • 回転 - [⁠-90⁠°⁠] または [⁠90⁠°⁠] をクリ⁠ックすると⁠、画像が左または右に90⁠°回転します⁠。
  • 傾き補正 - 画像の下にあるスライダ⁠ーを使用して⁠、傾きを補正します⁠。

Crop_the_image_to_certain_dimensions_automatically_or_do_it_manually.gif

Crop_the_image_to_certain_dimensions_automatically_or_do_it_manually.gif

フ⁠ィルタ⁠ー

フ⁠ィルタ⁠ー アイコンをクリ⁠ックし⁠、サイドバ⁠ーのサムネイルを使用して画像にカラ⁠ー フ⁠ィルタ⁠ーを追加します⁠。

備考

お使いのブラウザ⁠ーのサイズによ⁠っては⁠、すべてのフ⁠ィルタ⁠ー オプシ⁠ョンを表示するためにスクロ⁠ールが必要な場合があります⁠。

Select_from_a_variety_of_filters.gif

Select_from_a_variety_of_filters.gif

Squarespace以外で画像を編集する

Squarespace画像エデ⁠ィタ⁠ーに必要な編集オプシ⁠ョンがない場合は⁠、サイトに画像を追加する前にサ⁠ードパ⁠ーテ⁠ィ⁠ーの画像編集ソフトウ⁠ェアを使用してください⁠。

サ⁠ードパ⁠ーテ⁠ィ⁠ーのツ⁠ールで画像を編集する前に⁠、書式設定のヒントと仕様を確認してください⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。