ソーシャルメディア画像クロッパー
写真をプラットフォームが求める正確なサイズにトリミングします。プリセットを選び、パン&ズームで 位置を調整して、ダウンロードするだけです。
クリックして画像を選択するか、ここにドラッグ&ドロップしてください
端末内に留まり、アップロードは一切行われません。
画像をドロップしてプリセットを選ぶと、トリミング結果がプレビューされます。
仕組み
各プリセットについて、このツールは画像が対象のアスペクト比を空白なく完全に覆うために必要な
拡大率を計算します。これはCSSのobject-fit: coverと同じ計算で、デフォルトでは
それを中央に配置します。ズームのスライダーはさらに拡大し、パンのスライダーは元画像上で表示される
範囲を移動させます。どちらもcanvas.drawImageに渡すソース矩形として適用されるため、
トリミングは常に画像のフル解像度から描画され、縮小されたプレビューからではありません。
すべての処理はこのタブ内のメモリ上のキャンバスで行われます。写真がアップロードされることはなく、 ダウンロードはそのキャンバスから直接生成されます。
よくある質問
初期状態でのトリミング位置はどう決まりますか?
CSSのobject-fit: coverと同じように中央基準です。プリセットのアスペクト比に合わせて、空白ができない最小限の拡大率でフレームいっぱいに画像を合わせ、中央に配置します。パンのスライダーでフレームに残す部分を移動でき、ズームでさらにきつくトリミングできます。
各プラットフォームが推奨する正確なピクセルサイズで出力されますか?
はい。各プリセットは、単に正しい比率だけでなく、そのプラットフォームの現在の推奨ピクセルサイズでダウンロードされるため、後からリサイズし直す必要がありません。
写真はどこかにアップロードされますか?
いいえ。トリミングはすべてキャンバスAPIを使ってブラウザ内で行われます。アップロードは一切行われません。