画面にラベルを追加 - 矢印、テキスト、ボックス選択

スクリーンショットに注釈を付けたり、簡単なメモを作成したりできます。すべてをブラウザ内に保持します。

  • ローカルで処理され、画像はアップロードされません
  • 無料、透かしなし
  • テキスト + ステッカー + 矢印/長方形/円形の注釈

はじめる

最短パス・画像テキスト注釈

ソフトウェアをインストールする必要はなく、プロセス全体が Web ページ上で完了し、表示されているものがそのまま得られます。

  1. 1

    写真をアップロードする

    画像をクリックして選択するか、Web ページに直接ドラッグします。 JPG、PNG、WebP、GIF がサポートされています。各画像は 20MB を超えてはなりません。一度に処理される画像は 1 つだけです。

  2. 2

    要素の追加

    クリックしてテキスト、矢印、四角形、円を追加するか、絵文字ステッカー ボタンをクリックすると、調整を待つ新しい要素が画像の中央に表示されます。

  3. 3

    ドラッグして位置とスタイルを調整します

    要素をドラッグして位置を移動し、右下隅の点をドラッグしてズームし、右上隅の点をドラッグして回転し、下部パネルのテキストの内容と色を変更します。

  4. 4

    ダウンロードして保存

    効果が満足できることを確認したら、ダウンロードをクリックします。すべての要素は現在のスタイルに従って画像に合成され、ローカルに保存されます。

トラブルシューティング

テキスト、ステッカー、注釈の追加はバッチ処理をサポートしていますか?

サポートされていません。テキスト、矢印、ステッカーの配置は、各画像の特定の構成に基づいて手動で決定する必要があります。たとえば、矢印が指す特定の位置は、写真ごとにまったく異なります。同じ座標セットを異なる画像に適用する方法はないため、単一の画像に正確な注釈を付けるためのツールとして設計されています。同様の構成の複数の画像に同じテキストやウォーターマークを追加する必要がある場合は、「ウォーターマーク追加」ツールのバッチ モードを使用することをお勧めします。

追加した文字やステッカー、矢印などは配置後に位置を調整できますか?

できる。ダウンロードする前に、いつでも追加された要素をクリックして再選択できます。要素自体をドラッグして位置を調整し、右下隅のドットをドラッグしてサイズを調整し、右上隅のドットをドラッグして回転角度を調整します。テキストの内容と色は下部パネルで変更することもできます。クリックしてダウンロードした後でのみ、画像が実際に画像に合成されます。ダウンロード前の調整は元の画像には影響しません。

スタンプは絵文字を使用しております。デバイスによって表示効果は異なりますか?

スタンプにはシステム独自の絵文字(Emoji)が使用されています。異なるオペレーティング システムやブラウザによって表示される絵文字の特定のスタイルは若干異なります (たとえば、Apple デバイスと Android デバイスでは同じ絵文字がまったく同じに見えるわけではありません) が、意味と全体的な外観は一貫しています。エクスポートされた画像は、ダウンロード時に使用したデバイスによってレンダリングされた絵文字スタイルに従って生成されます。他のデバイスで開いた場合、表示はエクスポートしたものと同じになり、変更されません。

テキストコンテンツはフォントの変更や複数行をサポートしていますか?

現在のバージョンのテキストでは、システムのデフォルト フォントが使用されており、太字とカスタムの色およびサイズの切り替えがサポートされています。現在、フォントの変更や複数行のテキストの入力はサポートされていません (改行は無視されます)。短いタイトル、プロンプト、またはラベル テキストを追加するのに適しています。より複雑な組版手順が必要な場合は、複数のテキスト要素を追加して個別に配置することをお勧めします。

注釈はコンピューターまたは携帯電話で行われますか? それともサーバーにアップロードする必要がありますか?

現在お使いの端末のブラウザ上で完全に完結します。編集プロセス中のリアルタイム プレビューは、Web ページによって直接レンダリングされます。クリックしてダウンロードすると、ブラウザーのキャンバス描画インターフェイスが使用され、現在の位置、サイズ、回転角度に従って、すべての要素が画像に再描画および合成されます。元の画像は、プロセス全体を通じてどのサーバーにもアップロードされません。

ダウンロードした画像にはEXIFの撮影情報や背景透過PNGは残りますか?

アノテーションの本質は再描画とエンコードです。PNG の透明チャネルは保持されます。ただし、元の画像に透明な領域があり、JPG エンコードが必要であると認識された場合、透明な部分は白い背景で塗りつぶされます。元の画像の EXIF 撮影パラメータ、位置情報、その他のメタデータは、再エンコード後は保持されません。特に EXIF を表示または消去する必要がある場合は、「EXIF Cleaner」ツールを使用できます。

  • 元の画像はサーバーに入りません

    編集と合成のプロセス全体はブラウザ内でローカルに完了し、画像はサーバーを経由しません。

  • 5 つのラベル要素

    テキスト、絵文字ステッカー、矢印、四角形、円、説明注釈のニーズのほとんどをカバー

  • ドラッグアンドドロップで自由に調整

    ドラッグして位置を移動したり、ドットをドラッグして角度をズームしたり回転したり、間違いを恐れることなくいつでも変更できます。

  • ウォーターマークなしで無料

    登録や支払いは必要なく、エクスポートされた結果にはウォーターマークはありません。

該当する状況

このような場合、通常はこのページを開く方が簡単です

機能リストではありませんが、「画像をドラッグする価値があるのはどのような場合か?」うまくいかない場合は、無理に使用せず、ツールを変更してください。

矢印テキストの説明を含むチュートリアルのスクリーンショット

特定のボタンを指す矢印を操作スクリーンショットに追加し、手順の短いテキスト説明を追加すると、チュートリアルやヘルプ ドキュメントが理解しやすくなります。

製品写真/ラベルボックス付きポスター

長方形または円形のマーキング ボックスを使用して、製品画像上の主要なセールス ポイントまたは詳細を丸で囲み、テキストによる説明を使用してプロモーション画像情報をより明確かつ直感的にします。

要素の種類

5 つのラベル要素のチートシート

さまざまなタイプの要素がさまざまなイラストのニーズに適しており、追加後に自由にドラッグ、拡大縮小、回転できます。

要素の種類調整可能なプロパティシーンに合わせて
言葉内容、色、太字、サイズ、位置、回転角度タイトル、プロンプト、短い説明テキスト
絵文字ステッカーサイズ、位置、回転角度(表現そのものに色がつきます)装飾、感情の表現、重要なリマインダー
矢印色、線の太さ、サイズ、位置、回転角度スクリーンショット内の特定のボタン、領域、または詳細をポイントします。
長方形の吹き出しボックス色、線の太さ、サイズ、位置、回転角度重要なリマインダーとして、写真内の特定の長方形の領域を丸で囲みます
円形の吹き出しボックス色、線の太さ、サイズ、位置、回転角度重要なリマインダーとして、写真内の特定の点または円形の領域を丸で囲みます。

すべての要素の操作方法は統一されており、要素自体を直接ドラッグして位置を移動、右下の点をドラッグしてズーム、右上の点をドラッグして角度を回転、左上の点をクリックして削除します。要素を選択すると、下部パネルにこのタイプの特定の編集可能な属性が表示されます。

技術的な説明

ローカルアノテーションに関しては、この2点を知っておくと良いでしょう。

  1. 01

    編集プレビューと最終エクスポートでは同じ座標データのセットが使用されます

    各要素の位置とサイズは、固定ピクセル値ではなく、画像の幅と高さの比率に従って保存されるため、表示される画像がどれほど大きくても小さくても、編集時に表示される効果は、クリックしてダウンロードした後に元の解像度の画像に合成された効果とまったく同じになります。ダウンロード時に、ブラウザの Canvas 描画インターフェイスを使用して最終画像を再描画します。プロセス全体は、サーバーを経由せずにデバイス上でローカルに完了します。

  2. 02

    テキスト注釈がバッチ処理をサポートしない理由

    文字で説明する内容、矢印で指し示す位置、注釈ボックスで囲む範囲は、それぞれの絵の具体的な構図や内容に基づいて手作業で決定されます。異なる画像の構成と強調は完全に異なり、同じ座標セットとテキストの内容を異なる画像に適用することは不可能です。したがって、このツールは 1 枚の画像に対する細かい注釈に焦点を当てています。複数の写真を処理する必要がある場合は、1枚ずつ開いて個別に操作してください。

ファイルはまだ手元にあります。ファイルを 1 つドラッグして試してください。

口座を開設する必要はありません。満足したら、バッチ処理を開始してください。そうでない場合は、パラメーターを変更して再試行してください。