スクリーンショット注釈
Screenshot Annotator
スクリーンショットに矢印・枠・手順の番号・ぼかしを描き込み、1枚に統合して書き出します。
スクリーンショットに矢印・枠・手順の番号・切り抜きを描き込み、1枚のPNGに統合します。デザインツールを開かずに、バグ報告や手順書に要るものを用意するためのものです。モザイクのブラシもあり、その隣のぼかしとの違いについてはっきり書いてあります。
スクリーンショットを置いてください
矢印・枠・文字・手順の番号・モザイク・切り抜きを、すべてブラウザの中で処理します。
使い方
スクリーンショットを置きます
原寸のままcanvasに描くので、文字は元と同じだけ読めます。
道具を選んでドラッグします
矢印と枠はドラッグに従います。手順の道具は番号入りの丸を落とし、自分で数を数え上げます。
切り抜きは最後にします
切り抜きは書き出すときに適用されるので、その内側で注釈を調整し続けられますし、気が変わればやめられます。
よくある質問
機微な内容にはモザイクとぼかしのどちらを使いますか
モザイクです。ピクセルを取り除き、それは書き出したものの中にありません。ぼかしは戻せる見た目の効果で、選んだときにページがそう伝えます。
描いた矢印を後から動かせますか
動かせません。取り消しで最後の1つを消し、描き直します。すべての注釈を選んで動かせるようにするのは、抱える状態の量が違う別の道具です。こちらは、それを開くより速いことを目指しています。
書き出しが、なぜいつもPNGなのですか
スクリーンショットこそJPEGがいちばん不得意なものだからです。硬い輪郭と文字は、目に見えてリンギングを起こします。スクリーンショットのPNGは、たいてい容量でも小さくなります。
ここから渡せます
モザイク・ぼかし加工
Pixelate & Mosaic
選んだ範囲にモザイクかぼかしをかけ、出力画像に完全に焼き込みます。
ペイント
Paint
クリップボード中心の簡易キャンバスです。Ctrl+V でスクショを貼り付け、描き込み、Ctrl+C でそのまま貼り付け先へ戻せます。
PDF注釈
PDF Annotator
マーカー・メモ・図形・手書きを加え、コメントの一覧を別に書き出します。
デバイスモックアップ
Device Mockup
スクリーンショットをスマホ・タブレット・ノートPC・ブラウザの枠にはめ、背景と影を添えます。
次の一手
このツールが出したものをそのまま受け取れる道具です。
デバイスモックアップ
Device Mockup
スクリーンショットをスマホ・タブレット・ノートPC・ブラウザの枠にはめ、背景と影を添えます。
画像トリミング
Image Cropper
自由な形か決まった比率で切り抜き、単色や透明の縁を自動で落とすこともできます。
モザイク・ぼかし加工
Pixelate & Mosaic
選んだ範囲にモザイクかぼかしをかけ、出力画像に完全に焼き込みます。
PNG圧縮
PNG Compressor
パレットを量子化してdeflateストリームを書き直し、寸法を変えずにPNGを軽くします。
背景透過（切り抜き）
Background Remover
平坦な背景や単色の背景をOKLabでキーイングして透過PNGにし、縁はブラシで直せます。
EXIF情報の削除
EXIF Remover
画素には手を触れずに、カメラ・GPS・編集履歴のメタデータだけを写真から消します。