エージェント向け Polysh を早期アクセスで提供中。コーディングエージェントがデモを録画し、Polysh が仕上げます。 ウェイティングリストに登録 →

スクリーンショットモザイクツール

非公開の情報を、隠したことがわかる粗いモザイクのブロックに置き換えられます。

ブラウザツールを読み込んでいます…

スクリーンショットモザイクツールでできること

モザイクは、範囲内の正方形ごとに色を平均して 1 色にします。明らかに伏せたとわかる一方で、UI のおおまかな色調は残るため、チュートリアルの見た目は整ったままです。CRM の表の顧客名、設定ページのメールアドレス、サポートチケットの注文 ID などによく使われます。

ブロックが大きいほど、よく隠れます。「ブロックのサイズ」の既定値は、幅 1440 px の画像で 18 px です。細部をぼんやりさせたいだけならぼかし、パスワードやカード番号全体のような秘密の情報なら塗りつぶしの墨消しボックスを選んでください。

例

選ぶもの

組み込みの請求ページのサンプル(「例を使う」)

ダウンロード

example-billing-settings-pixelated.png
1440 × 900 px、カード番号と請求先メールにモザイク

各範囲は 18 × 18 px のブロックに分割されます。覆う文字とほぼ同じ高さなので、文字の形は残りません。

スクリーンショットモザイクツールの使い方

  1. 「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
  2. 「ブロックのサイズ」を設定し、隠したい情報をそれぞれドラッグします。各範囲は「ダウンロードに含まれる編集」に表示されます。
  3. 「.png をダウンロード」をクリックし、共有する前に結果を確認します。

知っておきたいこと

  • ブロックは描いたボックスの左上を基準に並ぶため、2 つのボックスが重なると継ぎ目が見えることがあります。範囲全体を 1 つのボックスで覆ってください。
  • 大きな文字に小さなブロックを使うと、単語の長さや形がわかる場合があります。不安なら「ブロックのサイズ」を大きくするか、塗りつぶしのボックスに切り替えてください。
  • モザイクは各ブロックの平均色を残すため、色付きのバッジやハイライトされた行は色がわかります。色さえ手がかりになる場合は、塗りつぶしのボックスを使ってください。

スクリーンショットモザイクツールについてよくある質問

モザイクをかけた文字は復元できますか?

短く予測しやすい文字に小さなブロックを使った場合は、復元できることがあります。候補を試して、モザイクをかけた数字を再現した研究者もいます。ブロックが文字と同じ高さ以上なら、残る情報はごくわずかです。秘密の情報には塗りつぶしの墨消しを使ってください。

文字にモザイクをかけるブロックのサイズはどのくらいがよいですか?

文字の高さと同じか、それより大きいブロックを使います。幅 1440 px のスクリーンショットにある 14 px の UI 文字なら、既定の 18 px で十分です。2880 px の Retina のスクリーンショットでは、既定値も 2 倍になります。

チュートリアルのスクリーンショットには、モザイクとぼかしのどちらがよいですか?

モザイクは意図的に何かを隠したことがはっきりわかり、ドキュメントの読者にもなじみのある表現です。ぼかしはやわらかく見え、背景部分に向いています。どちらも塗りつぶしのボックスより安全性は低くなります。