img-toolsの仕組み — ブラウザ内画像処理を解説

要点まとめ

img-toolsのツールを使用すると、画像はブラウザのメモリに読み込まれ、お使いのデバイス上で動作するコードによって処理されます。これは最新のウェブアプリを支えるものと同じウェブ技術を使用しています。結果はローカルで生成され、ダウンロードとして提供されます。画像がインターネット経由で送信されることは一切ありません。

実現を支える技術

Canvas API：HTML5 CanvasはJavaScriptが画像の個々のピクセルを読み書きできるようにします。リサイズ、切り抜き、回転、透かしの追加、JPEG・PNG・WebPへの再エンコードなどの処理は、ブラウザのタブ内にあるキャンバス上で直接実行されます。

WebGL：リアルタイムのGPUアクセラレーションによるエフェクト（フィルター、調整、プレビュー）には、img-toolsがWebGLを使用します。WebGLはお使いのデバイスのグラフィックスハードウェア上でシェーダープログラムを実行するため、サーバーとの通信なしで編集を高速かつスムーズに保ちます。

WebAssembly（WASM）：AIによる背景除去、アップスケーリング、物体検出、一部のフォーマットデコーダーなど、より重い処理はWebAssemblyモジュールとして実行されます。WASMはブラウザ内でネイティブに近い速度で実行される高速かつサンドボックス化されたバイナリ形式であり、やはりお使いのデバイス上で完結します。

Cache API：AIツールはモデルファイルを一度だけダウンロードし、ブラウザのキャッシュに保存します。初回使用後はモデルがローカルストレージから読み込まれるため、ツールはオフラインでも動作し、再ダウンロードは不要です。

「アップロードなし」が設計上の真実である理由

従来のオンラインエディターは、ファイルをバックエンドサーバーに送信して処理し結果を返す、薄いフロントエンドです。img-toolsには画像処理のためのバックエンドが存在しません。処理コードはブラウザに配信されてそこで実行されるため、画像を受け取るサーバーがそもそも存在しないのです。

これはアーキテクチャの特性であり、ポリシー上の約束ではありません。プライバシーに配慮した当サイトのアナリティクスも、匿名のページビューをカウントするだけで、画像データには一切触れません。サイトの厳格なContent-Security-Policyにより、ページがデータを送信できる場所がさらに制限されており、すべてのフォントとAIモデルは同一ドメイン上でセルフホストされています。

ご自身で確認する方法

私たちの言葉を信じる必要はありません。ブラウザの開発者ツール（F12または右クリック→「検証」）を開き、「ネットワーク」タブに切り替えて、いずれかのツールを使用してみてください — 画像の圧縮、背景除去、何でも構いません。ページがそのコードを読み込み、（AIツールの場合）一度だけモデルファイルを読み込むのは確認できますが、画像がアップロードされる様子は決して確認できません。

また、ページ読み込み後にインターネットから切断することもできます。即時ツールは引き続き動作し、AIツールもモデルがキャッシュされれば引き続き動作します — お使いのデバイスで処理が行われている証拠です。

あなたにとっての意味

すべてがローカルで実行されるため、img-toolsはデフォルトでプライベートであり、オフラインで動作し、アップロードパイプラインによるファイルサイズ制限がなく、通信の往復による待ち時間もなく、結果に透かしも追加しません。第三者のサーバーに預けたくない機密・センシティブな画像や単純なプライベートな画像に適しています。

そして100%無料で、アカウントも有料プランも不要です — 私たちはあなたのファイルを保存したり収益化したりすることを事業としていないからです。