チュートリアルスクリーンショットへの矢印・文字説明
操作画面のスクリーンショットに具体的なボタンを指す矢印を追加し、短い文字でステップを説明すると、チュートリアルやヘルプ資料が分かりやすくなります。
画面上の要素をクリックしてスタイルを編集するか、先に新しい要素を追加してください
画像をアップロードして、テキスト、絵文字スタンプ、矢印、矩形または円形の注釈枠をクリックで追加できます。ドラッグで位置を調整し、大きさや角度を変え、テキストの内容や色も変更できます。チュートリアルスクリーンショットの説明、SNS投稿画像、商品への注釈に最適で、すべてブラウザ内で完結し、サーバーへのアップロードはありません。
編集と合成はすべてブラウザ内で完結し、画像はどのサーバーも経由しません
テキスト、絵文字スタンプ、矢印、矩形、円形で、ほとんどの説明・注釈ニーズをカバーします
ドラッグで位置移動、丸いハンドルのドラッグで大きさと回転角度を変更でき、いつでも修正できるので失敗を心配する必要がありません
登録不要、料金不要。書き出し結果に透かしが入ることもありません
利用シーン
チュートリアルの説明でも、SNS投稿画像でも、商品への注釈でも、対応する要素を追加してドラッグで配置するだけで完了します。
操作画面のスクリーンショットに具体的なボタンを指す矢印を追加し、短い文字でステップを説明すると、チュートリアルやヘルプ資料が分かりやすくなります。
SNSに投稿する画像にタイトル文字や絵文字スタンプを加えると、より個性的な仕上がりになり、クリックされやすくなります。
矩形または円形の注釈枠で商品画像の重要な特長や細部を囲み、文字説明を加えると、宣伝画像の情報がより明確で直感的になります。
要素の種類
要素の種類によって適した説明ニーズが異なります。追加後はいずれも自由にドラッグ、拡大縮小、回転ができます。
| 要素の種類 | 調整可能な属性 | 向いているシーン |
|---|---|---|
| テキスト | 内容、色、太字、大きさ、位置、回転角度 | タイトル、注意書き、短い説明文 |
| 絵文字スタンプ | 大きさ、位置、回転角度(絵文字自体に色が付いています) | 装飾、感情表現、重要ポイントの強調 |
| 矢印 | 色、線の太さ、大きさ、位置、回転角度 | スクリーンショット内の具体的なボタン、領域、細部を指す |
| 矩形注釈枠 | 色、線の太さ、大きさ、位置、回転角度 | 画像内のある矩形領域を囲んで強調する |
| 円形注釈枠 | 色、線の太さ、大きさ、位置、回転角度 | 画像内のある点や円形領域を囲んで強調する |
すべての要素の操作方法は統一されています。要素自体をドラッグして位置を移動し、右下の丸いハンドルをドラッグして大きさを変更、右上の丸いハンドルをドラッグして回転角度を調整、左上の丸いハンドルをクリックして削除します。要素を選択すると下部のパネルにその種類で編集できる具体的な属性が表示されます。
使い方
ソフトのインストールは不要。すべてWebページ上で見たままの結果を確認しながら完了します。
クリックして選択するか、そのままページに画像をドラッグします。JPG、PNG、WebP、GIFに対応、1枚20MB以下で、一度に1枚のみ処理できます。
テキスト、矢印、矩形、円形の追加をクリックするか、絵文字スタンプボタンをクリックすると、新しい要素が画像の中央に表示され調整を待ちます。
要素をドラッグして位置を移動、右下の丸いハンドルをドラッグして拡大縮小、右上の丸いハンドルをドラッグして回転させ、下部のパネルでテキスト内容や色を変更します。
効果に満足したらダウンロードをクリックすると、すべての要素が現在のスタイルで画像に合成され、ローカルに保存されます。
技術的な説明
各要素の位置と大きさは画像の幅・高さに対する割合で保存されるため、固定のピクセル値ではありません。そのため画像がどのような大きさで表示されていても、編集中に見える効果とダウンロード後に元の解像度の画像へ合成される効果は完全に一致します。ダウンロード時にはブラウザのCanvas描画機能を使って再描画し最終的な画像を生成します。すべてあなたの端末上でローカルに完結し、どのサーバーも経由しません。
テキストで説明する内容、矢印が指す位置、注釈枠で囲む領域は、いずれも各画像の具体的な構図や内容に応じて手動で決める必要があります。画像ごとに構図や強調すべきポイントが全く異なるため、同じ座標やテキスト内容を異なる画像に適用することはできません。そのためこのツールは1枚の画像への精密な注釈に特化しており、複数枚を処理する場合は1枚ずつ開いて個別に操作してください。
よくある質問
対応していません。テキスト、矢印、スタンプの配置位置は各画像の具体的な構図に応じて手動で決める必要があります。例えば矢印が指すべき具体的な位置は画像ごとに全く異なるため、同じ座標を異なる画像に適用することはできません。そのため1枚の画像を精密に注釈するツールとして設計されています。構図が似ている複数枚の画像に同じテキストや透かしを加えたい場合は「透かしを追加」ツールの一括モードのご利用をおすすめします。
できます。ダウンロードする前であれば、画面上に追加済みの要素をいつでもクリックして選択し直せます。要素そのものをドラッグして位置を調整し、右下の丸いハンドルをドラッグして大きさを、右上の丸いハンドルをドラッグして回転角度を調整できます。下部のパネルではテキストの内容や色も変更できます。ダウンロードをクリックしたときにのみ実際に画像へ合成されるため、ダウンロード前の調整は元画像に影響しません。
スタンプはシステム標準の絵文字(Emoji)を使用しているため、OSやブラウザによって絵文字の見た目のスタイルにわずかな違いがあります(例えばiPhoneとAndroidでは同じ絵文字でも見た目が完全には一致しません)が、意味や大まかな外観は一致しています。書き出された画像はダウンロード時に使用した端末で描画された絵文字の見た目で生成されるため、他の端末で開いても書き出し時に固定された見た目のまま変わりません。
現在のバージョンでは文字はすべてシステム標準フォントを使用し、太字への切り替えや色・サイズのカスタマイズには対応していますが、フォントの変更や複数行の入力(改行は無視されます)には対応していません。短いタイトルや注意書き、注釈文字の追加に向いています。より複雑なレイアウトの説明が必要な場合は、複数のテキスト要素を追加してそれぞれ配置することをおすすめします。
完全にお使いの端末のブラウザ内で完結します。編集中のリアルタイムプレビューはWebページが直接描画しており、ダウンロードをクリックするとブラウザのCanvas描画機能を使ってすべての要素を現在の位置、大きさ、回転角度で画像に再描画・合成します。原画像がどのサーバーにもアップロードされることはありません。
注釈の本質は再描画と再エンコードです。PNGの透明チャンネルは保持されますが、元画像に透明部分があり、かつJPGとしてエンコードする必要があると判断された場合、透明部分は白背景で塗りつぶされます。元画像のEXIF撮影パラメータや位置情報などのメタデータは再エンコード後には保持されません。EXIFを個別に確認または削除したい場合は「EXIF情報の確認/削除」ツールをご利用ください。
登録不要、待ち時間なし。処理が終わればそのままダウンロードできます。