比率・位置・ズームを選んで、必要な部分を切り取る
トリミングは、画像の周囲を切り取って残す範囲を決める作業です。比率は「横と縦の形の割合」、位置は「どこを残すか」、ズームは「枠の中でどれだけ拡大するか」です。例えば1:1は正方形、9:16は縦長です。ズームを上げるほど大きく見えますが、残せる周囲は狭くなります。
具体例には、QuickToolsの自社ツールイージートリミングを使います。写真や透過画像から必要な範囲を切り取り、PNGで保存するツールです。原本を上書きせずに比較したい場合に使えます。保存前に原画像を別に残し、画面の入力条件も確認してください。以下はPCのChromeで確認した画面に基づく操作です。
「ファイルを選択」で原画像のコピーを１枚追加する
イージートリミングの画面で画像が表示されることを確認します。読み込めなければ、対応形式・容量を画面の案内で確認し、軽いコピーで試します。
「比率を選択」で掲載先の形を選ぶ
正方形なら「1:1」、縦長なら「9:16」や「4:5」を選びます。選んだ形の枠が画像に重なるのが目印です。分からない場合は、掲載先が指定する横と縦の割合を確認してください。
画像をドラッグし、枠内に残したい部分を入れる
持ち手など右端を残したい場合は、画像を左へ動かします。枠の外に暗く表示された部分は切り取られます。反対側が欠けないかも確認します。
ズームは小さい状態から調整する
「ズーム調整」のつまみを動かします。拡大して欠けた場合は小さい側へ戻します。最小の状態でも全体が入らなければ、比率を広げるか、余白のある別の原画像を選びます。
「トリミング実行」→「ダウンロード」で保存する
結果の画像と保存ファイルを両方確認します。枠に入れたものが残り、必要な端が欠けていなければ、その切り取りは目的に合っています。欠けていれば保存結果を拡大して戻そうとせず、元の画像で位置・比率を変更して実行し直します。
PNGは画像の保存形式の１つです。透明な画像を使う場合も、保存後に使用先へ置いて透明な部分が残るか確かめます。PNGにしただけで、背景のある写真が透明になるわけではありません。
イージートリミングの実例：持ち手は残っても、反対側が切れる
切り取る場所を動かす効果と限界を、自社ツール「イージートリミング」の実出力で比べます。AI生成のカップ画像を9:16の縦長・ズーム１（拡大なし）で保存し、画像を左へ動かした結果と並べました。実測日は2026年10月23日です。
右側の持ち手は収まりましたが、カップの左側が切れました。位置変更で残す場所は選べても、同じ形・拡大率のまま残せる幅は増えません。カップ全体を見せたいなら、比率を4:5などに広げる方法があります。
イージートリミングで位置を調整する場合は「9:16」を選び、画像を動かしたあとに「トリミング実行」を押します。持ち手だけでなく反対側も見て、全体が入らなければ「4:5」に変更して再確認してください。縦長の指定を変えられない場合は、余白のある原画像や別の編集方法が必要です。この操作で背景や欠けた部分が増えることはありません。
補足：同じ原画像を４つの比率で切り取った比較
ここは、自社ツール「イージートリミング」で、AI生成の写真風素材を中央・ズーム１に揃えた比較です。2026年10月13日に比率ごとに元画像を選び直し、保存した実ファイルを確認しました。実際に撮影した写真ではありません。
検証用の元画像を保存する（PNG）。同じ素材で操作を試せます。
1:1
カップ全体は残りますが、鉛筆の先端と左右端の色見本は切れます。
16:9
カップ、鉛筆、色見本を横に見せられます。上下の余白が減ります。
9:16
左右が大きく切れ、鉛筆の大半とカップの持ち手の一部が枠外になります。
4:5
カップの持ち手全体が残りますが、鉛筆の大部分と左右端の色見本は切れます。
同じ原画像でも、枠の形が変わると残るものが変わります。これは掲載先の最新推奨サイズの一覧ではありません。掲載する場所の条件は別に確認してください。
補足：比率と画素数は別。16:9でも1920 × 1080にはならない
画素数は、画像を構成する細かな点の数です。「幅1448 × 高さ815 px」のように表します。比率は枠の形なので、それを選んでも画素数が増えるわけではありません。イージートリミングで同じ原画像を中央・拡大なしで切り取った寸法は次のとおりです。
| 比率 | 出力寸法 | 元画像との関係 |
|---|---|---|
| 1:1 | 1086 × 1086 px | 高さを残し、左右を切り取る |
| 16:9 | 1448 × 815 px | 幅を残し、上下を切り取る |
| 9:16 | 611 × 1086 px | 高さを残し、左右を切り取る |
| 4:5 | 869 × 1086 px | 高さを残し、左右を切り取る |
掲載先の最低画素数に足りない場合は、より大きな原画像から作り直す必要があります。比率だけを変更しても、足りない細部は増えません。
位置変更の量と、整数の丸めについて
2026年10月23日の9:16比較では、画面上の画像を左へ40 CSS px動かしました。CSS pxはブラウザ上の表示の単位で、原画像の40画素を切ったという意味ではありません。両出力は611 × 1086 pxでした。画素数は整数に丸められるため、計算上の比率と保存寸法に小さな差が出る場合があります。
補足：透過PNGの保存と、イージートリミングの確認範囲
自社ツール「イージートリミング」に透過PNGを入れ、正方形で保存した実例です。周囲の透明な情報は残りましたが、枠からはみ出した持ち手の一部は切れています。透明度を残せても、切った範囲を保存後のファイルだけで広げ直すことはできません。
| 項目 | 確認内容 |
|---|---|
| 入力 | 画面はJPG・PNG・WebP・HEIC等を案内。実処理したのはPNGと透過PNG。HEICの変換結果は未検証。 |
| 容量 | 画面は最大25MBを案内。大きな画像での保存成功を保証する検証ではない。動作が重い場合は原本を残して軽いコピーで試す。 |
| 保存 | 検証した出力はPNG。元画像の保存範囲を減らす操作なので、切り取られた部分を戻すには原画像が必要。 |
| 処理 | 当時の実装はブラウザのCanvasという画像描画機能で切り取り。画像処理APIへの送信は見つからなかった。広告・解析などアプリ全体の通信とは異なる。 |
画像の取扱いはアプリのプライバシーポリシーで確認してください。背景を透明にする処理や、色味を変える処理は、トリミングとは別の作業です。
出典と検証条件
編集：QuickTools 運営チーム · 検証・更新方針
検証日：
macOS / Chrome、AI生成の写真風素材を中央・ズーム１で４比率に切り出した実出力。実際に撮影した写真ではありません。透過PNGの保存も確認。
検証日：
同じ元素材を現行の公開ツールで9:16・ズーム１にし、中央と画像を左へ40 CSS px動かした結果を比較。どちらも611 × 1086 pxの実出力PNG。持ち手は残る一方、カップの左側が切れることを確認しました。
- イージートリミングの公開画面
自社サービス。掲載例の比率と設定を説明しています。
説明や仕様が変わっていたら、掲載内容の訂正を連絡する。