OVERVIEW
まず押さえておきたいこと
画像トリミングは、写真の不要な端を切り取り、人物・商品・文字など見せたい部分を残す作業です。SNS投稿、サムネイル、ブログの見出し画像では、内容だけでなく掲載場所に合う縦横比へ整える必要があります。
切り抜き枠に収まっていても、重要部分が端に近いと、投稿先の一覧表示やプレビューでさらに切れることがあります。比率を先に決め、位置と余白を調整してから、必要な幅・高さで保存するのが基本です。
この記事では、トリミングとリサイズの違い、用途別の縦横比、構図の決め方、画質を落としにくい作業順、Toolerでの操作方法をまとめます。
画像トリミングとリサイズの違い
トリミングは、画像の上下左右から不要な部分を切り取り、構図や縦横比を変える処理です。横長写真の中央を正方形に切る、人物の周囲にある背景を減らす、といった作業が該当します。
リサイズは画像全体を残したまま幅・高さを変更する処理です。トリミング前に無理に指定サイズへ変形すると、人物や商品が縦長・横長にゆがむことがあります。先に必要な比率へトリミングし、その結果を目的のサイズで書き出すと自然です。
- トリミング:不要部分を切り、構図と比率を変える
- リサイズ:画像全体を拡大・縮小し、画素数を変える
- 画像圧縮:見た目を確認しながらファイル容量を減らす
- 基本の順番:トリミング → リサイズ → 必要なら圧縮
用途に合わせて縦横比を先に決める
切り抜く位置を決める前に、画像をどこで使うか確認します。同じ写真でも、正方形のカード、縦長のSNS投稿、横長のサムネイルでは残せる範囲が大きく異なります。
投稿サービスや掲載テンプレートの仕様は変更されることがあります。1:1、4:5、16:9、9:16などを作成時の目安にし、公開前には実際の投稿画面や入稿案内でも確認してください。
- 1:1:プロフィール、正方形投稿、商品カード
- 4:5:縦長のフィード投稿、人物・商品写真
- 16:9:動画サムネイル、横長の見出し、スライド
- 9:16:ストーリーズ、ショート動画、スマホ全画面
- 3:2:写真素材、ブログ、一般的な横長画像
人物・商品・文字を切らない位置の決め方
重要な人物、商品、ロゴ、文字は切り抜き枠の中央付近へ置き、端との間に余白を残します。投稿先によっては一覧やプレビューで少し拡大表示されるため、枠ぎりぎりに置くと見切れやすくなります。
人物写真では目や顔だけでなく、頭の上、あご、手、髪の毛が不自然に切れていないか確認します。人物が横を向いている場合は、視線の先に少し空間を残すと窮屈に見えにくくなります。
- 顔・商品・文字は枠の端から少し離す
- 人物の頭、あご、関節の位置で不自然に切らない
- 視線や移動方向の先に余白を残す
- 小さい表示でも主題がすぐ分かる構図にする
ズームは必要な範囲だけにする
ズームすると不要な背景を減らせますが、残す範囲が狭くなるほど、元画像の一部を拡大して書き出すことになります。元画像が小さい場合、顔、文字、輪郭がぼやけやすくなります。
まず1倍で位置だけを動かし、それでも不要部分が多い場合に少しずつ拡大します。完成サイズに対して切り抜き元の画素数が小さすぎないか確認し、必要ならより大きな元画像を用意します。
- 位置調整を先に行い、ズームは後から足す
- 文字や細い線を拡大表示してにじみを確認する
- 小さい元画像を大きな出力サイズへ引き伸ばさない
JPG・PNG・WebPの選び方
写真や一般的な共有用画像はJPGが扱いやすく、透明背景が必要なロゴや素材はPNGが向いています。Webページで容量を抑えたい場合は、掲載環境が対応していることを確認してWebPを選べます。
JPGとWebPは画質設定により容量が変わります。迷う場合は90%前後から試し、容量を軽くしたい場合は80〜85%へ下げます。PNGは画質スライダーではなく、色や透明部分の複雑さによって容量が変わります。
- JPG:写真、メール添付、資料、幅広い共有先
- PNG:透明背景、ロゴ、図解、文字入り素材
- WebP:対応するWebページでの軽量化
- 透明画像をJPGにすると、透明部分は背景色で埋まる
Toolerで画像をトリミングする手順
画像トリミングを開き、PNG・JPG・WebP画像を選びます。次に1:1、4:5、16:9、9:16、3:2のプリセットから近い比率を選びます。独自サイズが必要な場合は、出力幅と高さを入力します。
切り抜き枠の内側をドラッグして位置を動かし、四隅のハンドルまたはズームで枠の大きさを調整します。保存形式と画質を決めてプレビューを作成し、容量、幅・高さ、顔や文字の見切れを確認してダウンロードします。
- 1. 元画像を選ぶ
- 2. 用途に合う縦横比を選ぶ
- 3. ドラッグで枠の位置と大きさを調整する
- 4. 出力サイズ、形式、画質を決める
- 5. プレビューを確認して保存する
画質を保ちやすい作業順と保存方法
トリミングや形式変換を何度も繰り返すと、特にJPGでは圧縮による変化が重なります。設定をやり直す場合は、前回保存したJPGではなく元画像からもう一度作業します。
元画像、編集用データ、完成画像を分けて保存し、完成ファイルには用途やサイズが分かる名前を付けると管理しやすくなります。公開後も元画像を残しておけば、別の比率が必要になったときに作り直せます。
- 元画像は削除せず保管する
- JPGを繰り返しトリミング・保存しない
- 完成後に小さい表示と大きい表示の両方を確認する
- ファイル名に用途やサイズを入れて区別する
よくある失敗と修正方法
縦横比を決めずに先に切り抜くと、投稿先へ合わせる段階でもう一度重要部分を削ることになります。また、主題を大きく見せようと拡大しすぎると、余白がなくなり窮屈に見えます。
完成画像を実際の表示枠へ置き、一覧で主題が分かるか、文字が読めるか、端が切れていないか確認します。問題がある場合は、完成画像を再編集せず元画像から位置とズームを調整し直します。
- 失敗:用途を決めずに切る → 修正:最初に比率を選ぶ
- 失敗:重要部分が端にある → 修正:中央寄りにして余白を残す
- 失敗:拡大しすぎて粗い → 修正:ズームを下げるか大きな元画像を使う
- 失敗:容量が重い → 修正:必要なサイズへリサイズして圧縮する
CHECK
最後に確認するポイント
- ✓画像を使う場所と必要な縦横比を確認したか
- ✓顔、商品、ロゴ、文字が端へ寄りすぎていないか
- ✓人物の頭、あご、手、関節が不自然に切れていないか
- ✓視線や進行方向の先に必要な余白があるか
- ✓ズームしすぎて輪郭や文字がぼやけていないか
- ✓出力する幅・高さが掲載先に合っているか
- ✓写真・透明背景・Web掲載に合う保存形式を選んだか
- ✓変換後の容量が大きすぎないか
- ✓実際の投稿画面や掲載場所で見切れを確認したか
- ✓作り直せるよう元画像を残したか
FAQ
よくある質問
トリミングすると画像サイズは小さくなりますか?⌄
不要部分は減りますが、最終的な画素数と容量は出力サイズ・形式・画質により変わります。トリミング後の幅・高さと容量を確認してください。
画像の縦横比を変えると写真はゆがみますか?⌄
トリミングは枠の外側を切り取るため、画像そのものを縦や横へ引き伸ばしません。ただし、比率によって残せる範囲は変わります。
SNS用なら重要部分を中央に置けば安全ですか?⌄
中央寄りに置くと見切れにくくなりますが、表示場所によって切り抜かれ方は異なります。端に余白を残し、実際の投稿画面でも確認してください。
透明背景のままトリミングできますか?⌄
PNGまたはWebPで保存すれば、元画像の透明部分を維持できます。JPGでは透明部分が白背景になります。
トリミングした画像はToolerに保存されますか?⌄
画像はブラウザ内で処理します。Toolerのサーバーへ送信・保存する仕組みではないため、完成画像は端末へダウンロードしてください。
NEXT
