画像を切り抜く
ドラッグで範囲を選び、定番の縦横比に固定して、フル解像度で切り抜きをダウンロードできます。
画像トリミングは完全にブラウザ内で動作します。写真は端末上のキャンバスでデコード・切り抜きされ、アップロードされることはありません。
画像最適化ツールを開く
画像トリミング について
画像トリミングは写真から領域を切り出し、元の解像度のまま返します。プレビュー上をドラッグして選択を描くか、8つの縦横比 — プロフィール写真の正方形、動画サムネイルの16:9、ストーリーの9:16 — のどれかを固定すれば、枠は画像からはみ出さずに自動調整されます。切り抜きは画面上のプレビューではなくファイル自身のピクセル格子で測られるため、6000ピクセルの写真の縮小プレビューでの選択でも、フル解像度のピクセルが書き出されます。JPEGとWebPは元の形式を保ち、それ以外はPNGになります。処理はブラウザ内のキャンバスで完結します。
機能
- 画像上の好きな場所をドラッグして切り抜き範囲を描画
- 1:1・16:9・9:16・4:3・3:2など8つのプリセット
- 比率を固定しなければ自由な形で切り抜き
- どうドラッグしても選択は画像の内側に収まる
- 切り抜きはプレビューの縮尺ではなく実ピクセルで計測
- JPEGとWebPは形式を維持、それ以外はPNGで書き出し
画像トリミング の使い方
- 画像を枠にドロップするかクリックで選びます
- 縦横比を選ぶか、自由形状なら未固定のままにします
- プレビュー上をドラッグして選択の位置と大きさを決めます
- 「画像を切り抜く」を押して結果をダウンロードします
例
入力
4000×3000 photo, 1:1 preset
出力
3000×3000 square crop, centred
固定した比率は画像に収まる最大の矩形を置き、その後はドラッグに追従します。
よくあるエラーとトラブルシューティング
- 切り抜きボタンが押せないまま。 — 選択が小さすぎます。もっと広い範囲をドラッグしてください — 使える画像には一辺8ピクセル以上が必要です。
- ダウンロードした切り抜きが思ったより小さい。 — 出力は元画像のピクセルでの選択そのものです。低解像度の元なら小さな選択は小さなファイルになります — 切り抜きで存在しないディテールは作れません。
- 透過PNGの背景が白くなった。 — アルファチャンネルのないJPEG出力だけで起きます。元がPNGなら透過は保たれます。PNGはPNGとして書き出されるからです。
よくある質問
- ここで切り抜くと画質は落ちますか？
- 残すピクセルは元の解像度のままコピーされるため、拡縮による劣化はありません。JPEG元は再エンコードされ圧縮1世代分、PNG元は最後まで無劣化です。
- プロフィール写真に良い縦横比は？
- 1:1です。ほぼすべてのプラットフォームがプロフィール写真を正方形か、それに内接する円で表示するため、自分で正方形に切っておけばサイトに雑に切られずに済みます。
- ピクセル単位で正確な寸法に切り抜けますか？
- 間接的に可能です。ドラッグ中の表示が元画像ピクセルでの切り抜きサイズを示すので、目的の値になるまで調整してください。先に比率を固定すると狙いやすくなります。
- 切り抜くとき写真はアップロードされますか？
- いいえ。ファイルはページ内で読み込まれ、キャンバスに描かれ、端末上で再エンコードされます。画像に関して何もネットワークに流れません。
関連ツール
すべての ArrayKit ツール