スクリーンショットをプレゼンテーション用のビジュアルに変換します
生のスクリーンショットをドロップし、それを現実的なデバイス フレーム (MacBook、iPhone、iPad、またはブラウザー クロム) で包みます。グラデーションまたは単色の背景を追加し、ソフト ドロップ シャドウを適用し、角を丸くすることで、ピッチデッキやマーケティング ページをワンランク上のきれいでプロフェッショナルな外観に仕上げることができます。
このツールは無料で使用できますBrowser tool
Screenshot beautifier
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
使用方法
スクリーンショットをアップロードする
クリップボードから貼り付けるか、PNG、JPEG、または WebP スクリーンショットをエディタにドラッグします。最大 25 MB のファイルがサポートされます。
デバイスフレームを選択してください
デバイス ライブラリを参照し、クリックして適用します。スクリーンショットは、適切なアスペクト比のトリミングにより、選択したフレーム内に自動的に収まります。
背景のスタイルを設定する
背景の種類を選択し、色またはグラデーションの境界を設定し、影の強度を調整します。各設定を微調整すると、ライブ プレビューが即座に更新されます。
輸出
美化されたスクリーンショットを 1 倍または 2 倍の解像度の PNG としてダウンロードします。 2x オプションは、Retina ディスプレイや高 DPI プレゼンテーションに最適です。
特徴
デバイスフレームライブラリ
MacBook Pro、iMac、iPhone 15、iPad、Pixel フォン、Surface ラップトップ、最小限のブラウザ ウィンドウを含む 15 種類以上のデバイス モックアップからお選びください。各フレームはピクセル精度で、スクリーンショットに合わせてスケールされます。
背景のカスタマイズ
背景として単色、線形グラデーション、放射状グラデーション、またはメッシュ グラデーションを設定します。カラー ピッカーを使用するか、16 進数値を入力してブランド パレットと正確に一致させます。
影と反射
ぼかし、広がり、オフセットを調整して、自然なドロップ シャドウを追加します。デバイスの下のオプションの微妙な反射により、ヒーロー画像の構図に奥行きが加わります。
パディングと位置合わせ
デバイス フレーム周囲の水平および垂直パディングを制御します。モックアップを中央に配置したり、非対称レイアウト用にオフセットしたり、テキスト オーバーレイ用に追加の下部パディングを追加したりできます。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance仕様
| デバイスフレーム | 15 歳以上 (ラップトップ、携帯電話、タブレット、ブラウザ) |
| 背景の種類 | ソリッド、リニア、ラジアル、メッシュ グラデーション |
| 出力解像度 | 1x または 2x (網膜) |
| 最大入力サイズ | 25MB |
| サポートされている形式 | PNG、JPEG、WebP、クリップボードペースト |
| 処理 | クライアント側 (アップロードなし) |
Related Magic Eraser Tools
よくある質問
スクリーンショットをクリップボードから直接貼り付けることはできますか?
+
はい。ページ上の任意の場所で Ctrl+V (Mac の場合は Cmd+V) を押して、クリップボードからスクリーンショットを貼り付けます。このツールは画像データを自動的に検出し、エディターに読み込みます。
ブログヘッダーにはどの出力サイズを使用すればよいですか?
+
2 倍の解像度でエクスポートし、画像幅 1200 ピクセル以上をターゲットにします。これにより、圧縮後のファイル サイズを適切に保ちながら、モックアップが Retina スクリーン上で鮮明に見えるようになります。
まずスクリーンショットから機密情報を削除できますか?
+
Magic Eraser を使用して、スクリーンショットを美しくする前に、スクリーンショットから機密テキスト、名前、またはデータを削除または編集します。消しゴムは削除された領域を修復して、周囲のコンテンツに自然に溶け込ませます。
スクリーンショットが鈍く見えますか?
AI Enhance は、デバイス フレームを追加する前に、ソフト スクリーンショットをシャープにし、色あせた色を修正し、Boost コントラストを補正できます。その結果、注目を集める鮮明で活気のあるモックアップが完成しました。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX、RGB、HSL、HSB、CMYK、CSS の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。