1つの画像から開始
最大50MPのPNG、JPG、WebPをデバイス上でプライベート処理します。
EXIF方向情報は自動的に尊重されます。
エクスポート
エクスポートはクロップサイズに従います。
💡 提示：按 ⌘/Ctrl+E 快速导出
💡 出力サイズ: — · ニーズに合わせて上記のエクスポート寸法を調整してください。
概要
角丸長方形は、より柔らかく、親しみやすい雰囲気のUIカード、サムネイル、モダンなマーケティングブロックに最適です。
プロのヒント
- ページ全体で一貫した角の半径を維持する
- オーバーレイ付きのUIアセットにはPNGを使用する
- 書き出すときにカードの影と裁ち落とし領域に注意する
- グリッドガイドを使用してテキストとロゴを整列させる
よくある間違い
- 半径が大きすぎるとコンテンツの焦点が歪む可能性がある
- アセット間で半径が一致しないと、デザインシステムが弱くなる
例
- eコマースの製品カード
- ブログリストのサムネイル
- 機能ハイライトタイル
角丸を追加する方法
画像を読み込む
ブラウザベースの切り抜きツールに任意のPNG、JPG、またはWebPファイルを読み込みます。
アスペクト比を設定
希望の寸法を選択するか、ソーシャルメディアまたはUIカードのプリセットを使用します。
角の半径を適用
角の半径スライダーを調整して希望の丸みを実現し、PNGとして書き出します。
よくある質問
クロップツールを効果的に使用し、一般的なシナリオをトラブルシューティングするために知っておくべきすべて。
クロッパーは完全にローカルで実行されますか？
はい、100%クライアントサイドです。すべての処理はWeb WorkerとCanvas APIを使用してブラウザ内で行われます。画像はデバイスから出ることはなく、完全なプライバシーと即座のパフォーマンスを保証します。
エクスポート時にEXIFメタデータを保持できますか？
もちろんです。エクスポート前に「メタデータを保持」トグルを有効にすると、元のEXIFデータ（カメラ設定、GPS、タイムスタンプ）をJPEGとWebPファイルに埋め込めます。PNGは仕様上EXIFをサポートしていません。
サポートされる最大画像サイズは？
このツールは、スムーズなプレビュー用に動的解像度ピラミッドを使用して、最大50メガピクセルを処理します。エクスポートは常にプレビュー最適化に関係なく、元のフル解像度ピクセルを使用します。
元のトリミングされていない画像にリセットするには？
キャンバスコントロールの「リセット」ボタンをクリックすると、初期のフルサイズクロップに即座に戻ります。または、取り消し（⌘/Ctrl+Z）を使用して編集履歴を遡ることもできます。
クロップとは異なる解像度でエクスポートできますか？
はい！サイズコントロールパネルで「カスタムエクスポートサイズ」を選択し、ターゲット寸法を入力します。ツールは構図を保持しながら、高品質Lanczos補間を使用してリサンプリングします。
ブラウザを閉じても作業は保存されますか？
現在の画像、クロップ設定、プリセット、履歴はIndexedDBに自動保存されます。ツールを再度開くと、前回のセッションを正確に復元します。
カスタムアスペクト比プリセットを作成するには？
希望の幅:高さ比率を設定し、形式/画質/DPIを選択して「プリセットを保存」をクリックします。名前を付けると、プリセットパネルに表示され、セッション間で即座に再利用できます。
エクスポートがプレビューと少し異なって見えるのはなぜですか？
プレビューはスムーズな60fpsインタラクション用にGPUアクセラレーションスケーリングを使用します。エクスポートは常に元のピクセルを使用し、最大品質のためにLanczosリサンプリングを行います。カラープロファイルは一貫性のためsRGBに変換されます。
キーボードショートカットでワークフローを高速化できますか？
はい！⌘/Ctrl+Oでインポート、⌘/Ctrl+Eでエクスポート、⌘/Ctrl+Zで取り消し、矢印キーで1pxずつクロップを微調整（Shiftを押すと10px）できます。完全なリストはショートカットパネルを参照してください。
ツールは最初のロード後にオフラインで動作しますか？
はい！クロップツールは、初回訪問時にすべてのアセットをキャッシュするプログレッシブWebアプリ（PWA）です。一度読み込まれると、インターネット接続なしで完全にオフラインで動作します。