デザイン

スクショ加工

角丸・影・任意の背景(なしも可)で、スクショを一発で見栄えよく。

スクリーンショットをデザインされたように見せる

生のスクリーンショットを貼り付けると、ソフトなグラデーション背景、角丸、自然なドロップシャドウ、オプションのウィンドウ装飾が付いたスタイルで返されます。これは洗練された製品ツイートや変更ログで見られるスタイルです。ブラウザ内でローカルにレンダリングされ、アップロードは一切行われません。

Screenshot Beautifierは、生のスクリーンキャプチャをデザインされたように見せます。ショットはソフトなグラデーション背景、角丸、自然なドロップシャドウ、そして必要に応じてmacOSスタイルのウィンドウバー(信号機ドット付き)の上に配置されます。これは、デザインツールを開かずに、洗練された製品ツイート、変更ログ、ドキュメント、ローンチアナウンスのビジュアル言語です。

8つのグラデーションムードから選択し、3つのスライダー(パディング、角丸、シャドウの深さ)を調整し、1×または2×でエクスポート。洞察ラインが、出力がX/TwitterやLinkedInのリンクカードに最適なサイズになったときをお知らせします。すべてローカルキャンバス上でレンダリングされるため、製品、ダッシュボード、コードのスクリーンショットがマシンから出ることはありません。

よくある質問

なぜスクリーンショットを「美化」する必要があるのですか?

生の長方形のスクリーンショットはページに溶け込み、バグ報告のように見えます。パディング、グラデーション、シャドウが図地分離を作り出し、同じピクセルが意図的なコンテンツとして読まれるようにします。これにより、ソーシャルフィードでのエンゲージメントが測定可能に向上します。

3つのスライダーは何を制御しますか?

パディングはショットとキャンバス端の間のスペース、角丸はスクリーンショット自体の丸み、シャドウはその下のドロップシャドウのぼかしと深さを制御します。デフォルト(48 / 14 / 30)はほとんどのショットで機能します。

ウィンドウクロームはいつオンにすべきですか?

スクリーンショットがアプリやブラウザビューで、ウィンドウのように見えるとメリットがある場合(製品UI、ダッシュボード、エディター)。電話のスクリーンショット、図、写真の場合はオフにします。

どのグラデーションを選ぶべきですか?

ブランドやスクリーンショットの支配的な色に合わせる。クールなグラデーション(Ocean, Slate)はプロフェッショナルに、暖色系(Sunset, Peach)は親しみやすく見える。NightはダークモードUIに最適。

X/TwitterやLinkedInに最適なエクスポート設定は?

2倍でエクスポートし、約1600×900の16:9の結果を目指してください。プレビューの下のインサイトラインでその範囲内であることを確認できます。PNGはUIテキストを鮮明に保ちます。

App Storeやブログ画像に使用できますか?

はい — 出力はPNG/JPG/WebPです。ブログには通常1倍で十分ですが、Retinaディスプレイが多い読者には2倍を使用してください。

スクリーンショットはアップロードされますか?

いいえ。合成はブラウザ内のキャンバスに描画されます。製品UIや内部ダッシュボードはあなたのマシンに留まり、ツールは読み込み後オフラインでも動作します。

出力がソフトに見えるのはなぜですか?

おそらく1倍でエクスポートし、プラットフォームが拡大したのでしょう。2倍で再エクスポートしてください — ベクターのように鮮明なテキストは高DPI画面で追加のピクセルを必要とします。