ESC

スクリーンショット美化ツール

スクリーンショットをここにドラッグ&ドロップ

またはクリックしてファイルを選択(PNG, JPG, WebP - 最大10MB)

すべての処理はブラウザ内で行われます。画像はサーバーにアップロードされません。

使用例

ブログ記事

ブログ投稿、チュートリアル、技術記事のための目を引くスクリーンショット画像を作成します。

SNS共有

Twitter、LinkedIn、その他のプラットフォームでアプリのスクリーンショットを目立たせます。

製品ショーケース

ランディングページやプレゼンテーション用に製品スクリーンショットをプロフェッショナルに表示します。

機能

美しいグラデーション

10種類の魅力的なグラデーションプリセットまたは単色から背景を選択できます。

ブラウザクロームモックアップ

プロフェッショナルな外観のためにmacOS風の信号ボタン付きウィンドウタイトルバーを追加します。

カスタマイズ可能な設定

パディング、角丸、影、スケールを微調整して完璧な結果を得られます。

プライベート&安全

すべての処理はブラウザ内でローカルに行われます。画像はデバイスから離れません。

使い方

1

スクリーンショットをアップロード

スクリーンショットをドラッグ&ドロップするか、クリックしてデバイスからファイルを選択します。

2

スタイルをカスタマイズ

背景を選択し、パディング、角丸、影を調整し、オプションでブラウザクロームを追加します。

3

結果をダウンロード

美化されたスクリーンショットをプレビューし、高品質PNGとしてダウンロードします。

よくある質問

最大10 MBまでのPNG、JPEG、およびWebPファイルが対応しています。出力は常にPNGとなります。JPEGをアップロードした場合でも、フレーム付きの結果の透明度を保持するためにダウンロードはPNGになります。

はい。「Add macOS window title bar」スイッチをBrowser Chromeセクションで有効にしてください。これにより、スクリーンショットの上に、伝統的な赤、黄、緑の信号機ボタンが付いたグレーのタイトルバーが追加されます。アプリやウェブサイトのスクリーンショットを、実際のブラウザやアプリケーションウィンドウ内に配置されているように見せることができます。

いいえ。すべての処理はHTML5 Canvas APIを使用してブラウザ内で行われます。あなたのスクリーンショットはローカルディスクから読み込まれ、選択した背景とエフェクトとともにCanvas上にレンダリングされ、デバイスにダウンロードされます。いかなる時点でもサーバーには何も送信されません。

このツールには、紫-ピンク、青-シアン、オレンジ-赤、緑-ティールなど、人気のカラーコンビネーションをカバーする10種類の組み込みグラデーションプリセットが含まれています。また、Solid Colorモードに切り替えて任意のhex色を選択したり、Transparentを選択してシャドウとスクリーンショットのみを透明な背景に配置したPNGを取得したりすることも可能です。

Scaleは出力の解像度を倍増させます。1xの場合、出力は表示されているCanvasのサイズと一致します。2xの場合、プレビューの各ピクセルがダウンロードでは4ピクセルになり、鮮明なRetina品質の画像が得られます。高DPIスクリーン(Retina MacBooks、最新のスマートフォン)に表示されるものや、ブログのサムネイル、SNS投稿用に最高のディテールが必要な場合は2xを使用してください。

はい。背景タイプとして「Transparent」を選択すると、書き出されるPNGはスクリーンショットフレームの背後に透明な背景を持ちます。これは、美しく加工されたスクリーンショットをブログのCMS、プレゼンテーション、またはデザインツール内のカスタム背景の上に配置したい場合に便利です。

最大ファイルサイズは10 MBです。非常に大きなスクリーンショット(4000x4000ピクセル以上)の場合、古いデバイスではCanvasのレンダリングが遅くなることがあります。最適なパフォーマンスを得るために、特に2x出力スケールを使用する場合は、アップロード前に画像編集ソフトで極端に大きなスクリーンショットのサイズを縮小してください。

はい。加工されたPNGは、ブラウザ側のレンダリングを使用してあなたの自身のスクリーンショットから完全に生成されます。ウォーターマーク(透かし)はなく、クレジット表記の要件もありません。また、使用制限もありません。クライアントワーク、製品のランディングページ、有料コース、その他洗練されたビジュアルが必要なあらゆる場所で使用してください。

スクリーンショット美化ツールとは?

シンプルなスクリーンショットをアップロードして、グラデーション背景、ドロップシャドウ、角丸、オプションのmacOSウィンドウフレームで飾り付けましょう。ブログ記事やツイート、スライドにそのまま使える仕上がりになります。

カスタマイズオプション

クイックプリセット(macOSウィンドウ、SNS、プロダクトショット、ミニマル)から選ぶか、パディング、角丸、シャドウブラー、スケールを自分で微調整できます。2xスケールでレティナ品質のシャープな出力が得られます。

誰が使っていますか?

Twitterでプロダクトアップデートを共有するインディー開発者、チュートリアルを書くエンジニア、LPのビジュアルを作るマーケターなど、Figmaを開かずにきれいなスクリーンショットが欲しい方々です。

ヒント

SNS投稿にはグラデーション背景、ドキュメントには単色または透明背景を使いましょう。高DPIスクリーンで表示される場合はスケールを2xに設定してください。

プライバシー

画像はお使いのデバイスに留まります。処理はブラウザのCanvas APIを使用し、サーバー通信・アップロード・トラッキングは一切ありません。

セキュリティとプライバシー

あなたのデータの安全を最優先しています

ローカル処理

すべての処理がブラウザ内で完結します

データ送信なし

データはサーバーに送信されません

保存しません

データは保存も共有もされません

SSL暗号化

安全な通信でご利用いただけます

次のステップ

MoreOnlineToolsでもっと見る