スクリーンショット スタジオ

無料のオールインワン スクリーンショット スタジオ: グラデーションの背景と影を使用してスクリーンショットを美しくし、スクリーンショットをつなぎ合わせ、電話フレームとステータス バーを削除し、矢印、番号付きステップ、ぼかし、ボックス、ズーム ルーペで注釈を付け、正確なビューポートを計画します。 PNG/JPG を最大 3 倍までエクスポートします。ウォーターマークもサインアップも必要なく、ブラウザーで 100% 実行されます。

Screenshot Studio は、無料のオールインワン スクリーンショット ツールキットです。グラデーションの背景、パディング、丸い角、ソフト シャドウ、macOS スタイルのウィンドウ フレームを使用して、プレーンなスクリーンショットを美しくします。複数のキャプチャを 1 つの画像につなぎ合わせます。デバイスフレームとステータスバーを削除します。矢印、番号付きステップ、ぼかし、ボックス、ズーム ルーペで注釈を付けます。応答性の高い QA のための正確なビューポートを計画します。 PNG または JPG を最大 3 倍までエクスポートします。すべてがブラウザー内でローカルに実行され、ウォーターマークやサインアップは必要ありません。

Share
カテゴリ
画像ツール
含まれるもの
13の特徴
アクセス
無料 · サインアップなし
プライバシー
ブラウザで実行
スクリーンショット スタジオ

Calibrating Screenshot Studio......

Please wait a moment

使用方法

スクリーンショット スタジオの使い方

  1. 01

    モードを選択してください

    Screenshot Studio を開き、上部のタブから [Beautify]、[Stitch]、[Frame Remover]、[Annotate]、または [Viewport Planner] を選択します。

  2. 02

    スクリーンショットを追加する

    画像をクリップボードから直接アップロード、ドラッグ アンド ドロップ、または貼り付けます。ステッチと注釈は複数のファイルを受け入れます。 Frame Remover と Viewport Planner はシングルショットで動作します。

  3. 03

    スタジオで編集する

    ショットの順序を変更して結合したり、デバイス フレームを削除したり、矢印/ボックス/ぼかし/ズーム ルーペを描画したり、デバイス プリセットやガイドを使用して正確なビューポートを計画したりできます。

  4. 04

    輸出

    PNG または JPG と 1x ~ 3x スケールを選択し、鮮明な画像をダウンロードします。すべての処理はブラウザ内でローカルに行われ、ファイルがデバイスの外に出ることはありません。

ユースケース

一般的な使用例

  • Twitter/X、LinkedIn、またはブログのヒーローのグラデーション背景で普通のスクリーンショットを美しくする
  • 長いスクロールのキャプチャをドキュメント用の 1 つの共有可能な画像に結合します
  • 携帯電話のベゼルを掃除し、アプリストアから切り欠きを出したり、スクリーンショットを確認したりする
  • バグレポートに矢印、番号付きのステップ、編集されたデータで注釈を付ける
  • 明確な番号付き吹き出しを使用してチュートリアルとハウツー グラフィックを作成する
  • 応答性の高い QA を行う前に、正確なモバイル/デスクトップ ビューポートを計画する
  • ソーシャルカルーセルと前後の比較画像を作成する
概要

スクリーンショット タスクごとに 1 つのスタジオで対応

Screenshot Studio は、山積みの単一目的アプリを置き換える、オールインワンのブラウザベースのツールキットです。スクロール キャプチャを 1 つの縦長の画像につなぎ合わせ、デバイスのスクリーンショットから携帯電話のベゼルとステータス バーを取り除き、矢印、番号付きのステップ、ぼかし、ボックス、ズーム ルーペで注釈を付け、レスポンシブ QA に必要な正確なビューポートを計画してから、鮮明な PNG または JPG をエクスポートします。すべてがブラウザ内でローカルに実行されるため、何もアップロードされず、ウォーターマークやサインアップも必要ありません。

ドキュメント、チュートリアル、バグレポート用に構築

ヘルプ記事の作成、再現可能なバグの記録、リリースノートの配布、ソーシャル カルーセルの構築など、Screenshot Studio を使用すると、Photoshop や画面録画のサブスクリプションなしでプロフェッショナルな結果が得られます。ドラッグ アンド ドロップでショットを並べ替えたり、スティッチング時に重複するコンテンツを自動トリミングしたり、ワンクリックで機密データをピクセル化したり、読者が常に順序を把握できるようにステップに番号を付けたりできます。各モードは、最大 3 倍の解像度で同じクリーンなエクスポート パイプラインを共有します。

キャプチャする前にビューポートを計画する

ビューポート プランナーは、漠然とした「携帯電話に合わせてください」というリクエストを正確な数値に変換します。デバイスのプリセット (iPhone、iPad、Pixel、Galaxy、デスクトップ) を選択するか、カスタムの幅、高さ、デバイスのピクセル比と方向を入力すると、実際の CSS ビューポートの寸法が表示されます。セーフエリアと三分割法ガイドを追加したり、スクリーンショットをデバイスのフレームにドロップしたり、ブラウザーで許可されている場合はライブタブを直接キャプチャしたりできます。キャプチャするサイズを正確に把握することはプランナーに任せます。

特徴
01
美化: グラデーション/ソリッド背景、パディング、丸い角、ソフト シャドウ、ウィンドウ フレーム
02
多くのスクリーンショットを 1 つの縦または横の画像 (縦または横) につなぎ合わせます。
03
ドラッグアンドドロップによる並べ替えとスマートなオーバーラップトリミング
04
iPhone/Android デバイスのフレームとノッチを削除し、コンテンツに合わせてトリミングします。
05
矢印、番号付きステップバッジ、方向ポインタで注釈を付ける
06
ワンクリックでピクセル化/ぼかしを行い、機密データを秘匿化します
07
ボックス、長方形を描画し、領域をハイライトします
08
円または正方形内の細部を拡大するズームルーペ領域
09
テキストラベル、フリーハンドペン、蛍光ペン、絵文字スタンプを追加
10
すべての注釈アクションの元に戻す/やり直しの履歴
11
デバイス プリセット、DPR、方向および安全領域ガイドを備えたビューポート プランナー
12
ブラウザで許可されている場合、getDisplayMedia を介したライブ タブ キャプチャ
13
PNG または JPG を 1x、2x、または 3x でエクスポートします - 何もアップロードされません
よくある質問

よくある質問

背景を付けてスクリーンショットを美しくするにはどうすればよいですか?+

「美化」タブを開き、スクリーンショットをドロップします。グラデーションまたは単色の背景 (またはカスタム カラー) を選択し、パディング、角の半径、影を調整し、オプションで明るいまたは暗い macOS スタイルのウィンドウ フレームを追加します。最大 3 倍の PNG または JPG としてエクスポート — ソーシャル投稿、ドキュメント、リリースノートに最適です。

複数のスクリーンショットを 1 つの画像に結合するにはどうすればよいですか?+

[ステッチ] タブを開き、スクリーンショットを順番にアップロードまたはドロップし、ドラッグして並べ替えます。垂直または水平レイアウトを選択し、ギャップと背景を設定し、オプションで重複するコンテンツを自動的にトリミングします。結合した画像を PNG または JPG としてエクスポートします。

スクリーンショットから電話フレームとステータス バーを削除できますか?+

はい。 [フレーム リムーバー] タブを使用すると、コンテンツ領域を正確にトリミングでき、ワンタップでベゼル、ノッチ、ステータス バーを削除するデバイス プリセット (iPhone、Android) が提供されます。ドキュメントやストア用のクリーンでフレームレスのスクリーンショットが得られます。

スクリーンショットに矢印や数字の注釈を付けるにはどうすればよいですか?+

[注釈] タブで画像を読み込み、矢印、番号付きステップ バッジ、ボックス、テキスト、ぼかしツールを使用します。番号が自動的にインクリメントされるため、ステップが順番に読み取られ、すべてのアクションで元に戻すとやり直しがサポートされます。吹き出しが正しく表示されたらエクスポートします。

スクリーンショットの機密部分をぼかしたり編集するにはどうすればよいですか?+

ぼかし/ピクセル化ツールを選択し、名前、メールアドレス、価格、API キーなど、非表示にしたい領域をドラッグすると、即座にピクセル化されます。バグレポートやチュートリアルを共有する前に、個人データを編集するために使用します。

ズームルーペとは何ですか?いつ使用すればよいですか?+

ズーム ルーペは、画像上の虫眼鏡のように、細部の拡大コピーを表示する円または正方形です。小さな UI 要素、コード スニペット、またはエラー メッセージが小さすぎてフル サイズで読むことができない場合に使用します。

ビューポート プランナーは応答性の高い QA にどのように役立ちますか?+

デバイスのプリセットを選択するか、カスタムの幅、高さ、デバイスのピクセル比、方向を入力して、正確な CSS ビューポートの寸法を確認します。セーフ エリアと三分割法ガイドを追加したり、スクリーンショットをデバイス モックアップにフレーム化したり、ブラウザーで許可されている場合はライブ タブをキャプチャしたりできます。

ウォーターマークはありますか? それともアカウントが必要ですか?+

いいえ。Screenshot Studio は完全に無料で、ウォーターマークは追加されず、サインアップも必要ありません。 1x、2x、または 3x の解像度で PNG または JPG としてエクスポートできます。

私のスクリーンショットはサーバーにアップロードされますか?+

一度もない。すべてのステッチ、トリミング、注釈、エクスポートは、Canvas API を使用してブラウザーでローカルに行われます。画像はどこにも送信されたり、記録されたり、保存されたりすることはありません。作業はプライベートかつ瞬時に行われます。