MacBook・iPhone フレーム
デバイスのモックアップに収めると、ただの長方形ではなく実際の画面として見えるようになります。
ツール ビューティファイアー
ツール
現在のツール: ビューティファイアー
一致するツールはありません
スクリーンショットの美化
🔒 プライバシー最優先 - すべてブラウザ内で処理、アップロード不要
🏙️
オンラインスクリーンショット美化ツール
スクリーンショット美化ツールは、素晴らしい背景コレクションを使って、スクリーンショットや写真を美しく飾ることができます。スクリーンショットを選んで、好みのテーマを選び、写真を作成してください。
🤩
スクリーンショット美化ツールでできることは?
スクリーンショットに良い背景を追加して、素晴らしい写真を作成することができます。作成した写真はFacebook、Twitter、Webフォーラムで共有できます。
ユーザーは完璧なサイズと良い画質の美しい写真をダウンロードできます。
オンラインスクリーンショット美化ツールは、Windows、MAC、Linux、Chrome、Firefox、Edge、Safariで適切に機能します。
4ステップでスクリーンショットをきれいに仕上げる
撮ったままのスクリーンショットは、そのままだと未完成に見えがちです。上のエディターなら、約1分でフレーム付きのそのまま共有できる画像に仕上がります。すべての処理はブラウザ内で完結します。
スクリーンショットを追加する
画像をキャンバスにドラッグするか、クリックしてファイルを選ぶか、Ctrl+V（Macは Cmd+V）でクリップボードから直接貼り付けます。ページを離れずに、ブラウザのタブ・ウィンドウ・画面全体をキャプチャすることもできます。
テンプレートから始めるか、自分で作る
4種類のテンプレート「Social Launch」「Product Polish」「Tutorial Focus」「Developer Code Spotlight」が、キャンバスサイズ・背景・フレーム・影をワンクリックで設定します。適用後もすべての設定を自由に変更できます。
フレームと背景を選ぶ
MacBook Pro や iPhone のフレームに収めたり、ライト／ダークのブラウザバーや Windows バーを付けたり、ガラス風の枠を使ったり、フレームなしにしたりできます。背景はクイック背景、グラデーション、画像背景、透明背景に加え、スクリーンショットの色から自動生成されるスマートグラデーションも使えます。
微調整・注釈・書き出し
影、角の丸み、枠線、内側の余白（パディング）、外側の余白（マージン）を調整します。四角形、塗りつぶし四角形、円、直線、矢印、ペン、絵文字で注釈を入れられます。最後に PNG・JPG・WebP を 1x・2x・4x で書き出すか、クリップボードにコピーします。
キャンバスサイズの選び方
スタイルを整える前にキャンバスを決めておくと、実際に見られる比率で余白や文字の大きさを判断できます。プリセットはよく使われる共有先に合わせています。Social（1200 x 675）は X・LinkedIn・ブログのアイキャッチ向け、Tutorial（1400 x 900）はドキュメントや講座の表紙向け、Portrait（1080 x 1350）は Instagram や LinkedIn のフィード向け、Story（1080 x 1920）は縦型ストーリー向け、Product Hunt（1270 x 760）はローンチ用ギャラリー向けです。
スクリーンショットとキャンバスの比率が違う場合は、フィット方法で見え方が決まります。Contain は画像全体を表示し、Cover はキャンバスを埋めて端をトリミングし、Fill は画像を引き伸ばしてぴったり合わせます。
プロらしく見える余白・影・角の設定
マージン（0〜220 px）はスクリーンショットとキャンバス端の間の余白、パディング（0〜64 px）はスクリーンショットの周りに描かれる色付きの帯で、専用のカラーピッカーがあります。多くの製品スクリーンショットでは、マージン 64〜96 px に Soft か Lifted の影、Soft か Rounded の角を組み合わせると、どのサイズでもすっきり見えます。
Dramatic の影と Showcase の角は、画像を浮かび上がらせたいメインビジュアルやローンチ告知に取っておきましょう。明るい背景では Contrast の枠線を使うと、淡い UI がキャンバスに溶け込むのを防げます。暗い背景や派手なグラデーションでは Clean か Frosted の枠線が合います。
書き出し形式と倍率の選び方
UI のスクリーンショットには PNG が最も無難です。小さな文字や細い線がくっきり残り、透明背景が必要なときも PNG を使います。JPG は写真が中心の画像ならファイルを小さくできますが、透明度は保存できません。WebP はたいてい3つの中で最も軽く、Web ページでの利用に向いています。
高精細ディスプレイで見られる画像や、ドキュメント内で拡大される画像は 2x、印刷したり後でトリミングしたりする画像は 4x で書き出しましょう。チャットやメールなら 1x で十分です。どの形式・倍率でも透かしは入らず、書き出しサイズの上限もありません。
デバイスフレーム・背景・余白で、そのまま出せるスクリーンショットに
スクリーンショットを MacBook や iPhone のフレームに収め、グラデーションや単色の背景に置き、余白と影を足して、そのまま共有できる画像を書き出せます。処理はすべてブラウザ内で完結します。
背景と余白
グラデーションまたは単色の背景を選び、余白と角丸を調整して影を付けると、スクリーンショットがページの背景から浮き上がります。
ウォーターマークなし・登録不要
元の解像度のまま書き出せます。画像には何も刻印されず、アカウントも不要。処理はブラウザ内に留まります。
こういう場面で使われています
- リリース告知や変更履歴 —— 素のスクリーンショットのままだと未完成に見える場面。
- すべての画面で枠と余白を揃えたいドキュメントやサポート記事。
- まず オンラインスクリーンショットツール で画面を撮り、そのままここで仕上げられます。
- 書き出した PNG がページやメールに対して重いときは 画像圧縮ツール を通してください。
よくある質問
書き出した画像にウォーターマークは入りますか？
入りません。表示されているものがそのまま、元の解像度で書き出されます。アカウント登録も不要です。
どんなデバイスフレームがありますか？
MacBook 風と iPhone 風のフレーム、それに余白・背景・影だけが欲しいときのためのフレームなしの選択肢があります。
スクリーンショットはアップロードされますか？
されません。フレーム付け・背景・書き出しはすべてローカルで動くため、顧客の画面や未公開の画面も端末の外に出ません。
共有する前に機密情報を隠せますか？
はい。塗りつぶし四角形ツールでメールアドレス、API キー、氏名、注文番号などを覆えます。覆った部分は書き出した画像に焼き込まれ、編集はブラウザ内で行われるため、隠す前の元画像が端末の外に出ることはありません。
X・LinkedIn・ブログ用のスクリーンショットは何サイズがよいですか？
X、LinkedIn のリンク投稿、ブログのアイキャッチには Social（1200 x 675、16:9）を使います。Instagram や LinkedIn のフィード投稿には Portrait（1080 x 1350）、縦型ストーリーには Story（1080 x 1920）が適しています。
背景を透明にして書き出せますか？
はい。透明背景を選び、書き出しパネルで「Preserve transparency」をオンにして、PNG か WebP でダウンロードします。JPG は透明度に対応していないため、JPG で書き出すと背景は必ず塗りつぶされます。
プライバシーが重要です
ShotEdit のすべてのツールは画像をお使いの端末内で処理するため、ファイルがアップロードされることはありません。各アップロード欄の上のバッジが、ブラウザ内で動作していることを示します。
ブラウザ内で処理 · アップロードなし