📤 元画像
画像をドラッグ&ドロップ
またはクリックして選択
✨ 処理結果
処理結果がここに表示されます
処理中...
プロフェッショナルな画像処理
画像をドラッグ&ドロップ
またはクリックして選択
処理中...
2画像目をドラッグ&ドロップ
またはクリックして選択
画像加工ツールは、OpenCV.jsを使って本格的な画像処理をブラウザ上で実行できるツールです。色空間変換、ぼかしやシャープ化などのフィルタリング、エッジ検出、輪郭抽出、閾値処理、幾何学的変換など、30種類以上の処理に対応しています。
OpenCVはコンピュータビジョンの分野で広く使われているライブラリで、OpenCV.jsはそれをWebAssemblyに変換してブラウザで動くようにしたものです。通常はPythonやC++の開発環境を用意しなければ試せない処理を、インストールなしで試せます。
アップロードした画像がサーバーに送られることはありません。処理はすべて端末内のWebAssemblyで実行されます。Undo/Redoに対応しているので、処理を重ねながら試行錯誤できます。
OpenCV.jsは高機能なライブラリである分ファイルサイズが大きく、初回の読み込みに時間がかかります。2回目以降はブラウザのキャッシュから読み込まれるため速くなります。
Canny法では2つのしきい値を使います。高いほうを超えた画素を確実なエッジとし、低いほうを超えた画素は確実なエッジとつながっている場合のみエッジと判定します。一般には高い値を低い値の2〜3倍にするのが目安です。ノイズが多い画像では、事前にぼかしをかけると誤検出が減ります。
全体の明るさが均一な画像なら、大津の手法（Otsu）で自動的に最適なしきい値を求められます。影がかかっていて場所によって明るさが違う画像では、領域ごとにしきい値を変える適応的閾値処理のほうが良い結果になります。
明確な上限は設けていませんが、端末のメモリを使って処理するため、非常に大きな画像では動作が重くなります。数千ピクセル四方を超える場合は、あらかじめ縮小してから処理することをおすすめします。
いいえ。画像はブラウザのメモリ上でのみ扱われ、サーバーへの送信も保存も行いません。ページを閉じた時点で消えます。
画像から特定の色の領域を取り出したいとき、RGBのままだと明るさの変化に弱く、うまく抽出できないことがよくあります。HSVに変換すると色相・彩度・明度が分離されるため、「明るさは問わず、この色相の範囲」という指定ができ、照明条件の違いに強くなります。物体の色による検出では、まずHSVへの変換を試すのが定石です。