画像トリミング・リサイズ
Freeブラウザ内で画像のトリミング、リサイズ、角の丸め処理を直接行います。
すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。
クリックして画像を選択するか、ここにドラッグ&ドロップしてください
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
まだアクティビティはありません。最初の一人になりましょう。
このツールの機能
ブラウザ内で直接、画像をクロップ、リサイズ、または角を丸くします。ドラッグしてクロップ範囲を選択したり、アスペクト比の固定オプション付きで正確なピクセル寸法を入力したり、調整可能な半径で角を丸くしたりして、結果をPNGとしてダウンロードできます。
仕組み
クロップは、ドラッグした選択範囲内のピクセルのみを新しい小さなキャンバスにコピーし、それ以外はすべて破棄します。リサイズは、選択した幅と高さのキャンバスに現在の画像を描画し、ブラウザ内蔵の画像スケーリングにピクセルの再サンプリングを任せます。アスペクト比の固定は、一方の値を変更するたびに対応する高さ(または幅)を計算します。角を丸くするは、すべてのピクセルの位置を丸角の長方形の形状(4つの角の領域は選択した半径の四分円で、それ以外はすべて直線のエッジ)と照らし合わせてテストし、その形状の外側に落ちるピクセルを完全に透明にします。
解決できる問題
- 不要な境界線、背景、または気が散る要素を写真から切り取る。
- ウェブサイト、フォーム、またはプラットフォームが要求する正確な寸法に合わせて画像をリサイズする。
- UIデザイン用に、角の丸いアバター、アイコン、またはカード画像を作成する。
よくある質問
›同じ画像をクロップしてからリサイズし、さらに角を丸くすることはできますか?
はい。各モードは画像の現在の状態に対して機能するため、最初にクロップしてからリサイズに切り替えると、元の画像ではなくクロップされた結果がリサイズされます。角を丸くするのは唯一の例外で、常に最終的な見た目のライブプレビューであり、ダウンロードするまで「焼き込まれ」ないため、最後のステップとして使うのが最も理にかなっています。
›なぜ結果を即座に見るのではなく、「クロップを適用」や「サイズ変更を適用」をクリックする必要があるのですか?
クロップとリサイズは、見た目だけでなく画像の実際のピクセル寸法を変更するため、意図的なステップとして確定することで、まだ選択範囲やサイズを決めている最中に誤って画像を縮小したりカットしたりするのを防ぎます。角を丸くするのは寸法を変更せず、どのピクセルが表示されるかだけを変更するため、スライダーをドラッグしている間、安全にライブ更新できます。
›リサイズで「アスペクト比を固定」をオフにするとどうなりますか?
幅と高さのフィールドが独立し、入力した任意の寸法に画像を引き伸ばしたり縮めたりできるようになります。非比例のサイズが特に必要な場合に便利ですが、新しい比率が元の比率と一致しない場合、画像が歪んでしまいます。
›なぜ角を丸くするとPNGでダウンロードされるのですか?
角を丸くするのは、丸められた形状の外側のピクセルを完全に透明にすることで機能します。JPEGは透明度をサポートしていないため、結果は常にそれをサポートするPNGとして保存され、丸められた角の後ろに単色を表示する代わりに透けて見えるようにします。
›写真はどこかにアップロードされますか?
いいえ。クロップ、リサイズ、角の丸め処理はすべて、HTML canvas APIを使用してブラウザ内でローカルに行われます。サーバーには何も送信されません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!