Tool Factoria

初心者向け・画像付き操作ガイド

画像トリミングの使い方

画像の読み込みから比率・構図ガイドの設定、切り抜き範囲の調整、保存までを実際の画面に沿って説明します。 初めて使う場合は、上から順番に進めればトリミングした画像を保存できます。

画像トリミングを開く

基本操作

7ステップで切り抜いて保存する

1

画像を読み込む

読み込み枠をクリックして画像を選ぶか、画像ファイルを枠内へドラッグします。

① 読み込み枠をクリックするか、画像ファイルを枠内へドラッグします。クリックで拡大
2

比率と構図ガイドを選ぶ

切り抜き比率と、三分割・中央線・セーフエリアなどの構図ガイドを選びます。

構図ガイドは編集時だけ表示され、保存画像には入りません。

② 比率と構図ガイドを選びます。用途プリセットは、設定を自動選択したい場合だけ補助的に使えます。クリックで拡大
3

切り抜く範囲を調整する

白い枠をドラッグして移動し、四隅や辺のハンドルで大きさを調整します。

白い枠の外側は暗く表示され、枠の内側が出力される範囲です。

③ 残したい部分が白い枠の内側へ収まるように、位置と大きさを調整します。クリックで拡大
4

出力形式と品質を選ぶ

JPEG・PNG・WebPから形式を選び、JPEGまたはWebPでは品質を調整します。

透過部分を残す場合はPNGまたはWebPを選びます。

④ 出力形式を選び、JPEGまたはWebPでは品質を確認します。クリックで拡大
5

実行前の確認を見る

切り抜き後の寸法、残る面積、削る量、出力形式、品質を確認します。

注意が表示された場合は、範囲や設定を実行前に見直します。

6

トリミングを実行する

範囲と出力設定に問題がなければ、「トリミング実行」を押します。

⑤ 切り抜き後の寸法・面積・削る量を確認し、⑥「トリミング実行」を押します。クリックで拡大
7

結果を確認してダウンロードする

処理後の寸法・容量・面積を確認し、「ダウンロード」を押して保存します。

元画像と処理後の寸法・容量・残った面積も表示されるため、保存前に変化を確認できます。

⑦ 仕上がり、寸法、容量を確認してから「ダウンロード」を押します。クリックで拡大

用途に合う比率の選び方

掲載先の指定がある場合は、その指定を優先します。迷う場合は次を目安にしてください。

1:1
SNSアイコン、プロフィール画像、正方形の商品画像
4:3・3:4
一般的な写真、商品画像、縦向きの人物写真
4:5
SNSの縦長投稿など、正方形より高さを残したい画像
3:2・2:3
一般的な写真に近い横長・縦長の切り抜き
16:9
動画サムネイル、横長の見出し画像
9:16
スマートフォン向けの縦長画像
自由
余白だけを除くなど、縦横比を固定しない切り抜き

JPEG・PNG・WebPの選び方

JPEGが向いている画像

写真や、透過を必要としない画像に向いています。品質を調整して画質と容量のバランスを取れます。

PNGが向いている画像

ロゴ、図、透過部分を含む画像に向いています。透明を保てますが、写真では容量が大きくなる場合があります。

WebPが向いている画像

Web掲載用に容量を抑えたい場合に向いています。品質を調整でき、透明部分も保持できます。

実行前に確認すること

  • 必要な部分が白い枠の内側に入っている
  • 掲載先に合う縦横比を選んでいる
  • 重要な要素を端へ寄せすぎていない
  • JPEG・PNG・WebPを用途に合わせて選んでいる
  • 切り抜き後の寸法が小さすぎない
  • JPEGまたはWebPの品質を下げすぎていない

実際に画像を切り抜いてみる

画像はブラウザ内で処理され、サーバーへ送信されません。

画像トリミングを開く