スクリーンショットに文字入れ

クリックした位置に、短く読みやすいテキストのラベルを置けます。

ブラウザ内で動作
アップロード不要
アカウント不要

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

スクリーンショットに文字入れでできること

ボタンの横に置いた 2〜3 語のラベルは、画像の下の 1 段落より多くを伝えることがあります。「テキスト」に言葉を入力してスクリーンショット上の位置をクリックすると、その点を左端として、縦方向は中央に合わせてラベルが表示されます。クリックするたびにラベルが追加されるので、複数の欄の名前を一度に付けられます。

「その他のオプション」の「テキストのスタイル」でラベルの見た目を変えられます。「ラベル」は色付きのバッジに白または暗い文字、「明るいラベル」は白いバッジに色付きの文字、「縁取り」は写真の上でも読みやすいよう、対照的な縁取りを付けた文字です。説明する細部を枠で囲むラベルが必要なら、スクリーンショット注釈ツールの吹き出しを使ってください。

例

選ぶもの

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

ダウンロード

example-billing-settings-annotated.png
1440 × 900 px、青いボタンの横に赤い「ここでカードを更新」のラベル

「文字サイズ」の既定値は、幅 1440 px の画像で 28 px です。幅の広いスクリーンショットでは大きくなります。

スクリーンショットに文字入れの使い方

「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
「テキスト」に言葉を入力し、「色」と「文字サイズ」を設定して、ラベルの始まる位置をクリックします。
テキストを変えて次のラベルの位置をクリックし、最後に「.png をダウンロード」をクリックします。

知っておきたいこと

各ラベルは 1 行です。複数行にするには、ラベルを上下に並べて別々に置いてください。
ラベルにはシステムのサンセリフ体（Avenir Next、Segoe UI など）を使うため、Mac と Windows では少し見た目が異なることがあります。
画像の右端からはみ出したラベルは切れてしまいます。もっと左をクリックするか、文字サイズを小さくしてください。

スクリーンショットに文字入れについてよくある質問

ごちゃごちゃしたスクリーンショットや写真の上で、文字を読みやすくするには？

文字を塗りつぶしのバッジに載せる既定の「ラベル」スタイルか、文字ごとに対照的な縁を付ける「縁取り」を使います。どちらも使わない色付きの文字は、写真やダークな UI の上で見えなくなることがよくあります。

テキストの注釈はどのくらいのサイズがよいですか？

周りの UI の文字より少し大きくして、アプリの一部ではなく注記として読めるようにします。UI のフォントサイズの 1.5〜2 倍程度が適しています。既定の 28 px は幅 1440 px のスクリーンショットに合っています。

置いた後でテキストのラベルを編集できますか？

その場では編集できません。編集リストでそのラベルの「元に戻す」か「削除」をクリックし、テキストを変えて同じ位置をもう一度クリックします。リストには各ラベルのテキストが表示されるので、差し替えるものを見つけられます。