スクリーンショット装飾

スクリーンショットをウィンドウフレーム付きでグラデーション背景に置きます。

ブラウザ内で動作します。ファイルは端末の外に出ません。確認方法を見る

…

使い方

1
画像を追加
選ぶか、ここにドラッグします。端末内にとどまります。
2
調整
サイズ、色などの設定を変更すると、すぐに結果が見られます。
3
ダウンロード
「ダウンロード」を押します。サーバーには何も送信・保存されません。

About this tool

Choose a screenshot and pick a gradient background. Adjust the padding and the corner radius, and keep or remove the window bar with its three dots. The result is ready for blog posts, documentation and social media. Download it as a PNG.

When to use it

Put a screenshot on a gradient background with a window frame, for docs and posts.

Tips

Use padding and a soft shadow.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Ideas that work

Use a soft gradient, a little padding and a gentle shadow for documentation. For social posts, use a bold colour and a simple window frame. Crop the screenshot first so the important part is large.

最良の結果を得るためのヒント

始める前にオプションを少し読み、まず小さな例でツールを試してください。すべてはお使いの端末のブラウザ内で動作し、入力や追加したものはアップロードされず、タブを閉じるとすべて消去されます。おかしいと感じたらページを再読み込みしてもう一度試すか、このページの報告リンクから問題を教えてください。結果がまだおかしい場合は、値をひとつずつ変えて、どの項目が最も影響するかを確認してください。再び使う場合はこのページをブックマークしてください。