パソコン画面を四角形以外の形で切り取ってスクショするにはどうすれば良いのでしょうか。

Question

Figmaを使って、デザイン性の高いホームページの写経をしているのですが、その時に

HPから画像をスクショ→ダウンロード→figmaにアップロードする

といった工程をよくこなします。このうち、最初の「HPから画像をスクショ」の段階で、四角形以外の形でHPに表示されている画像や写真を切り取ってスクショしたいのですが、そういったことができるツールなどあればお教えいただきたいです。

例えば、↓の画像の左側にある、青い三角形をスクショしたい時、四角形でスクショしてしまうと「10,000人の声から紡ぎ出す....」という文字も入ってしまうので、三角形でスクショしたいということです。

どうぞよろしくお願い致します。

Answer 1

不正にコピーして使うとかでないならば。

スクショするのではなく、右クリックメニューから画像を保存したり、imgタグではなく背景画像に設定されている場合は同じく右クリックメニューの「要素を検証」で開発者コンソールを出して、画像のファイル名を特定してダウンロードしてきたらよいのでは。

Answer 2

Windows10なら画面領域切り取りを実行すると4つのアイコンが出てくるので左から2番目の投げ縄アイコンでフリーフォームでスクショできます。

「画面領域切り取り」機能と開始するショートカットキー

Comments

[tanakakei]

ありがとうございます。