無料スクリーンショット装飾
どんなスクリーンショットもきちんと見せる。
美しい背景、角丸、やわらかい影、テキストを追加し、何もアップロードせずにくっきりした画像を書き出します。
スクリーンショットを貼る。共有に値するものにする。
スクリーンショットをプロっぽく見せる方法
-
スクリーンショットを貼る
Command-V または Control-V、ファイルのドロップ、または PC から選択。画像はこのブラウザタブ内に留まります。
-
スタイルを整える
用意された背景から始め、余白、角、影、アスペクト比、任意のテキストを、共有先に合うまで調整します。
-
書き出す
PNG、JPEG、WebP を 1x、2x、3x でダウンロード。ブラウザが許せば PNG をコピーも可。アカウント不要、透かしなし。
共有用スクリーンショットに必要なもの
スクリーンショットスタイラー は1枚ずつの小さなスクリーンショット編集ツールです。フルデザインスイートではなく、貼って整えて書き出すことに特化しています。
ショットを引き立てる背景
単色、やわらかいグラデーション、babbleBrush オレンジ、または別レイアウトに載せるための透明キャンバスを選べます。
角丸、余白、影
重いデザインツールを開かずに、生のキャプチャにプロダクトモックアップのような余白と奥行きを。
キャプションが必要なときのテキスト
見出しをスクリーンショットの上・下・上に1つ。投稿やドキュメントで読みやすいようシンプルに。
SNSとドキュメント向けの比率
Auto、正方形、16:9、LinkedIn、X、Open Graph など。スクリーンショットは引き伸ばされず、枠内に収まります。
設計からプライベート
ピクセルはブラウザを離れません。アップロード手順もサーバー描画もなく、クラウドプロジェクトに画像は保存されません。
よくある用途
SNS投稿とプロダクト更新
Figma で枠全体を描き直さずに、X、LinkedIn、Product Hunt、changelog 向けにきれいなショットを。
ドキュメントと README
素のウィンドウキャプチャを、ブログ、ヘルプ記事、GitHub README で読みやすい図に。
スライドと顧客向けメモ
素のキャプチャが未完成に見えるとき、デッキやサポートメッセージに枠付きスクリーンショットを。
ポートフォリオとケーススタディ
余白と光を揃えてプロダクト UI を見せ、一連の画面をひとつの物語として読ませる。
スクリーンショットスタイラー と App Store Screenshot Maker
どちらもブラウザで無料です。役割が違うためページは分け、意図的に相互リンクしています。
スクリーンショットスタイラー
- 日常の1枚のスクリーンショット
- SNS、ドキュメント、スライド
- すばやく貼って整えて書き出し
- 背景、角、影、テキスト
App Store & Google Play Screenshot Maker
- ストア掲載用の複数画面
- App Store と Google Play の素材
- プロジェクト、端末フレーム、翻訳
- 複数画面のマーケティングレイアウト
App Store や Play Store 用の素材を作りますか？ App Store Screenshot Maker を開く
よくある質問
スクリーンショットスタイラー は無料ですか？透かしは入りますか？
はい、無料です。登録不要で、書き出しに透かしはありません。PNG、JPEG、WebP を必要なだけダウンロードできます。
スクリーンショットはアップロードや保存されますか？
いいえ。ファイルはブラウザ内で読み取り・描画されます。babbleBrush はスクリーンショット、重ねたテキスト、ファイル名を受け取りません。構成もクラウドに保存されません。
クリップボードからスクリーンショットを貼れますか？
はい。ページにフォーカスして Command-V または Control-V で貼り付け。ファイルのドロップやファイル選択も可。対応形式は PNG、JPEG、WebP、およびブラウザがデコードできる他の種類です。
対応している背景と画像形式は？
グラデーションと単色のプリセット、カスタム色、2ストップのカスタムグラデーション、透明背景があります。PNG、JPEG、WebP で書き出し。透明キャンバスは PNG か WebP を。JPEG は透明度を白に平坦化します。
SNSやドキュメント向けの書き出しサイズは？
行き先に合うキャンバス比を選び、多くの投稿・ドキュメントは 2x で書き出し。大きな素材が必要なら 3x、軽いファイルなら 1x。LinkedIn、X、Open Graph 比はプリセットに含まれます。
App Store Screenshot Maker との違いは？
スクリーンショットスタイラー は投稿・ドキュメント・スライド向けに汎用の1枚を整えます。App Store & Google Play Screenshot Maker は端末フレーム、プロジェクト、翻訳付きの複数画面ストア掲載を作ります。それぞれの用途に合わせて使ってください。