CodeKitHubこのツールとは？
このツールは、写真をオンラインで共有する前に、機密性の高い部分を隠すためのものです。集合写真の顔、身分証やパスポートの番号、ナンバープレート、封筒に印字された住所、スクリーンショットに写り込んだクレジットカード番号などが対象になります。隠したい部分にそれぞれ矩形を描き、覆い方——黒塗り、モザイク、ガウスぼかし——を選ぶと、その効果は書き出す画像に恒久的に焼き込まれます。
プライバシーについて：処理はすべてブラウザ内蔵の Canvas API を使ってローカルで行われます。写真は端末から直接 canvas 要素に読み込まれ、そこで JavaScript によって処理されます——サーバーへ送信されることも、アップロードされることも、ブラウザタブの外に出ることも一切ありません。ページを読み込んだ後にネットを切断しても、ツールは問題なく動作し続けます。
なぜこれを使うのか？
- 処理は100%ローカル：写真がブラウザの外に出ることはありません——アップロード不要、サーバー不要、アカウント不要。
- 1つのツールで3種類の隠し方：黒塗り、モザイク、ガウスぼかし。
- フル解像度で出力：縮小されたプレビューではなく、画像の実際のピクセルサイズで処理されます。
- 元に戻す・リセットに対応：いつでも直前の処理を取り消したり、元の画像からやり直せます。
- 処理済みの画像をワンクリックでPNGとしてダウンロード。
使い方
- アップロード領域をクリックするか、写真（JPG、PNG、WebP）をドラッグ＆ドロップします。
- 隠し方を選びます：黒塗り、モザイク、ぼかしのいずれか。
- 画像上で直接クリック＆ドラッグし、隠したい部分（顔、身分証番号、ナンバープレートなど）ごとに矩形を描きます。
- マウスを離すと同時に処理が適用されます。位置がずれた場合は「直前を元に戻す」、最初からやり直す場合は「リセット」を使います。
- 「PNGをダウンロード」をクリックして、処理済みの画像を端末に保存します。
例
入力
顔とパスポート番号が写り込んだ写真出力
顔にモザイク、パスポート番号に黒塗りを施した同じ写真同じ画像内でも部分ごとに異なる方式を使えます——たとえば顔はぼかし、書類の番号は黒塗りといった組み合わせも可能です。
適切な隠し方の選び方
3つの方式はそれぞれ安全性と見た目のバランスが異なるため、内容の機密度に応じて選びましょう。
| 方式 | 見た目 | 向いている用途 |
|---|---|---|
| 黒塗り | 不透明な塗りつぶし矩形で、部分を完全に隠す | 身分証番号、カード番号、住所など、完全に読み取れなくする必要があるもの |
| モザイク | 部分が単色ブロックに分割され、輪郭は見える | 顔や一般的な文脈——誰かが写っていることは分かるが誰かは分からないようにしたい場合 |
| ぼかし（ガウス） | 周囲となじむように柔らかくぼかされる | 顔や背景で、よりなめらかで角ばらない見た目を好む場合 |
よくある使い方
- SNSに写真を公開する前に、写り込んだ通行人の顔をぼかす。
- 本人確認用に書類の写真を送る前に、身分証やパスポートの番号を黒塗りにする。
- フリマや掲示板に投稿する写真のナンバープレートを隠す。
- スクリーンショットに写ったクレジットカード番号、注文番号、個人住所を隠す。
オンラインの「アップロードして隠す」サービスより、ローカル処理が安全な理由
多くのオンライン写真ツールは、何かを隠す処理をする前に、加工前の完全な画像をサーバーへアップロードすることを求めます。つまり、あなたが守ろうとしている機密情報そのものが、他人のインフラ上に一時的とはいえ無防備な状態で存在してしまうということです。このツールはそれを完全に回避しています。画像はブラウザタブ内で Canvas API を使ってデコード・処理されるため、加工前の画像がネットワークを通過することは一度もありません。これは、人々が隠したいと考える内容——顔、身分証明書、財務情報——にとって特に重要です。たとえ一時的で、削除されるとされているサーバー側のコピーであっても、それが存在するだけで、そもそも隠す目的そのものが台無しになってしまうからです。
よくある質問
写真はどこかにアップロードされますか？
いいえ。画像はローカルの blob URL として端末から読み込まれ、HTML の canvas に描画されます。すべての処理はブラウザタブ内で動く JavaScript によって行われ、いかなる時点でもサーバーへ送信されることはありません。ページ読み込み後にオフラインになってもツールは動作し続けます。
黒塗り・モザイク・ぼかしから元の内容を復元できますか？
黒塗りとモザイクは元のピクセルデータを恒久的に破壊するため、復元できるものは何も残りません——覆われたピクセルは単色または平均化されたブロックで上書きされます。ガウスぼかしは見た目より復元が難しいものの、身分証番号全体のような極めて機密性の高い内容には、より確実な黒塗りやモザイクの使用をおすすめします。
ダウンロードした画像に、隠す前の元の内容が残っていることはありますか？
ありません。ダウンロードボタンは、その時点で canvas に描かれている内容——すでに加工がピクセルに焼き込まれた状態——をそのまま書き出します。PNGファイル内に隠れた元画像レイヤーが存在することはなく、元画像のメタデータも引き継がれません。
同じ写真内で複数の顔や部分を隠せますか？
はい。必要なだけ矩形を1つずつ描いて処理できます。その都度、隠し方を切り替えることも可能です——たとえば複数の顔をぼかしつつ、ある身分証番号だけ黒塗りにする、といった使い方も同じ画像内で行えます。
対応している画像形式と、出力される形式は？
アップロードできるのは JPG、PNG、WebP です。処理結果は PNG としてダウンロードされ、加工部分の輪郭がくっきり保たれ、編集箇所に新たな圧縮ノイズが生じるのを防ぎます。