一括画像トリミングツール

複数の画像を同じアスペクト比に一括でトリミングできるウェブベースのツールです。サーバーへのアップロードは不要で、すべての処理はブラウザ内で完結します。

主な機能

• ✅ 複数画像の一括トリミング
• ✅ ドラッグ＆ドロップによる画像アップロード
• ✅ 様々な標準アスペクト比のプリセット
  • 1:1（正方形）
  • 16:9（ワイド）
  • 4:3（標準）
  • 3:2（写真）
  • 3:4（縦）
  • 9:16（スマホ）
  • 2:1（パノラマ）
• ✅ カスタムアスペクト比の設定
• ✅ ドラッグによる直感的なトリミング位置調整
• ✅ 画質、出力形式、最大幅の調整
• ✅ 個別または一括ダウンロード（ZIPファイル）
• ✅ 処理結果のプレビュー

利用方法

このツールはインストールを必要とせず、ウェブブラウザで動作します。

オンラインでの使用

以下のURLにアクセスして直接利用できます： 一括画像トリミングツール

ローカルでの使用方法

1. このリポジトリをクローンまたはダウンロードします
2. bulk-image-cropper.html ファイルをお好みのウェブブラウザで開きます

詳細な使い方

1. 画像のアップロード

• 「画像を選択」ボタンをクリックしてファイル選択ダイアログから画像を選ぶ
• または、画像ファイルをドラッグ＆ドロップエリアに直接ドロップする
• 複数の画像を一度に選択できます

2. トリミング設定

• アスペクト比の選択：

  • 提供されているプリセットから選ぶ（1:1、16:9、4:3 など）
  • または「カスタム」を選び、独自の比率を設定する

• 出力設定：

  • 画質（10%〜100%）
  • ファイル形式（JPEG、PNG、WebP）
  • 最大幅（オプション）：大きい画像のリサイズが必要な場合に指定

3. トリミング位置の調整

• 各画像のプレビューが表示されます
• トリミング枠の中をドラッグして位置を調整できます
• すべての画像に同じアスペクト比が適用されます

4. 処理と保存

• 「すべての画像を処理」ボタンをクリックして変換を開始
• 処理済み画像が表示されます
• 個別にダウンロードするか、「すべてダウンロード（ZIP）」ボタンで一括ダウンロード

プライバシーと安全性

• すべての処理はブラウザ内で行われ、画像がサーバーにアップロードされることはありません
• インターネット接続がなくても利用可能です（ローカルファイルとして保存した場合）

技術的仕様

• HTML5 Canvas API を使用した画像処理
• クライアントサイドJavaScriptで完全に動作
• モダンなブラウザ（Chrome、Firefox、Safari、Edge の最新版）をサポート
• レスポンシブデザインでモバイルデバイスにも対応
• 外部ライブラリ：
  • Tailwind CSS（スタイリング）
  • JSZip（ZIP圧縮）
  • FileSaver.js（ファイル保存）

制限事項

• 非常に大きな画像（例：25メガピクセル以上）は処理速度が遅くなる場合があります
• ブラウザのメモリ制限により、扱える画像の数とサイズに制限がある場合があります
• アニメーションGIFや動画には対応していません

トラブルシューティング

Q: 画像がアップロードできない
A: ブラウザが最新であることを確認してください。また、ファイルが画像形式（JPG、PNG、GIF、WebP など）であることを確認してください。

Q: 処理に時間がかかる
A: 大きな画像や多数の画像を処理する場合は時間がかかる場合があります。「最大幅」設定で出力サイズを制限すると処理速度が向上します。

Q: ダウンロードボタンが反応しない
A: 一部のブラウザでは、ポップアップブロッカーが有効になっている場合があります。ポップアップを許可してください。

フィードバック・貢献

このツールに問題を見つけた場合や改善案がある場合は、以下の方法でフィードバックをお送りください：

• GitHub Issues での問題報告
• プルリクエストの提出
• プロジェクト管理者への連絡

ライセンス

このプロジェクトは MIT ライセンスの下で提供されています。詳細については、プロジェクトの LICENSE ファイルを参照してください。

クレジット

• 開発: Skywork Agent
• デザイン: Tailwind CSS
• アイコン: SVG標準アイコン

---

最終更新: 2025年6月25日