スクショを見栄えよくするということ

撮ったままのスクリーンショットは、角の立った長方形です。ページの上に置くとどうにも落ち着きません。ブログ記事、スライド、ストアの掲載画像、SNS の投稿に貼ると、まさに見たままのもの ——「あとから貼り付けたもの」に見えます。

解決策は、デザインに気を配るチームがすでに手作業でやっていることです。色のついた背景、少しの余白、角の丸み、そしてやわらかい影。それでようやく、画像がページに「貼り付いている」のではなく「載っている」ように見えます。

ここなら 4 秒ほどで終わります。 スクショを貼って、背景を選んで、ダウンロードするだけです。

とにかく貼るだけ

このページのどこでも Ctrl+V（Mac なら ⌘V）を押せば、クリップボードのスクショがそのまま出てきます。

それがこのツールの狙いです。大事なのは PrintScreen を押した直後のその瞬間で、「まずファイルに保存して、それを探して開いてください」と言うのは、一番肝心なその一歩に回り道を作ることになります。ファイルをドラッグして入れるのも、クリックして選ぶのも、もちろん使えます。

背景 —— 9 種類を用意しています。SNS 向けの鮮やかなグラデーション、スライド向けの落ち着いたもの、ドキュメント向けの白、そして別のものの上に置くための透明。自分で色を選ぶにチェックを入れれば、グラデーションの両端を自分で決められます。
余白 —— スクショの周りに背景をどれだけ見せるか。画像に対する割合で測るので、横長のスクショも縦長のスクショも、同じくらいの額装具合で仕上がります。
角の丸み —— 小さめの半径は今風に、大きめだとアプリのアイコンのように見えます。ゼロなら元の角のままです。
影 —— スクショが背景からどれだけ浮き上がって見えるか。少しで十分効きます。影が重すぎると古くさく見えます。

形を*スクショに合わせる*のままにすれば、元の縦横比のまま仕上がります。

あるいは置き先の形を選べば、スクショ自体を引き伸ばしたり切ったりせずに、背景のほうを広げて合わせます。

PNG をダウンロードで画像を保存できます。画像をコピーならクリップボードに直接入るので、すでに開いている文書やスライド、投稿画面にそのまま貼り付けられます。ファイルも、ダウンロードフォルダも、あと片付けも要りません。

透明な背景を選んだ場合、PNG はその透明さを保つので、下がどんな色でもそのまま載せられます。

仕組みはブラウザの中のキャンバス 1 枚だけです。スクショがサーバーに送られることはありません。これは大事なことです。スクリーンショットには、公開するつもりのなかったものが山ほど写っています。メールアドレス、顧客名、社内の管理画面、ファイルのパス、開いているタブ。

そのため容量制限も待ち時間もありません。4K のスクショでも、小さいものと同じ速さです。

スクショ自体は拡大縮小も再圧縮もされません。周りに背景を足すだけなので、画素は持ち込んだときのまま鮮明です
貼り付けは Chrome、Edge、Firefox、Safari で使えます。画像をコピーは新しめの Chrome か Edge が必要ですが、ダウンロードは常に使えます
透明な背景を保てるのは PNG だけで、このツールが保存するのもその PNG です
先にスクショを切り抜きたいときは画像を切り抜くをどうぞ
写り込んだ見せたくない部分は画像の一部をぼかすで隠せます
できあがった PNG を軽くしたいときは画像を圧縮を使ってください