スクリーンショット美化ツール
Drop a screenshot, pick a gradient, download a polished image. Perfect for Twitter, LinkedIn, blog posts and pitch decks. No upload, no sign-up.
Drop a screenshot here, click to browse, or Ctrl/Cmd + V to paste
PNG, JPG, WebP — anything your browser can decode
Make screenshots look like a designer made them
Plain screenshots feel raw and unfinished. Add a gradient background, a soft drop shadow, rounded corners and some breathing room, and the same screenshot becomes ready for a tweet, a blog header, a product launch page, or a pitch deck. That's all this tool does — but it does it instantly, in your browser, with no watermark and no sign-up.
画像を読み込む 3 つの方法
- Click and pick. The drop zone opens a file picker.
- Drag and drop. Drop any image file directly on the page.
- Paste from clipboard. Take a screenshot (Cmd+Shift+4 on Mac, Win+Shift+S on Windows) and just press Ctrl/Cmd + V here. We catch the paste event and load the image.
調整できる項目
- Background. Eight curated gradients (Sunset, Ocean, Forest, Fire, Night, Candy, Mint, Graphite), pure white, transparent, or any custom solid color from the color picker.
- Padding. 0 to 200 px of empty space around the screenshot.
- Corner radius. Round the screenshot itself for a softer look — 0 to 32 px.
- Shadow. None, Soft (subtle and tasteful) or Dramatic (deep, modern, dark-mode-friendly).
- Aspect ratio. Auto (just adds padding), 16:9 (YouTube / blog headers), 4:3 (classic decks), 1:1 (Instagram), 9:16 (Stories, TikTok). The screenshot stays centered; we add extra background to fill.
出力
Always PNG, to preserve transparency when selected and avoid JPEG artifacts on flat-color gradients. Download always works. Copy to clipboard works on modern Chromium, Edge and Firefox; Safari requires user gesture timing that sometimes fails. If copy fails, just download.
プライバシー
Every step happens locally with the Canvas API. We don't upload, we don't fingerprint, we don't ship analytics. No external image library either — the rendering is hand-rolled, which keeps the page lightweight and predictable.
よくある使用例
- Product launch tweets — a single hero image with the new feature behind a gradient.
- Documentation hero — wrap a UI screenshot with consistent branding.
- Blog post headers — match the post's mood with a color and shadow combo.
- Pitch decks — turn raw app captures into polished slides without leaving the browser.
- Tutorial threads — frame each step the same way for visual consistency.
よくある質問
- スクリーンショット美化ツールは画像をアップロードしますか？
- いいえ。すべてのステップはHTML5 Canvas APIを使用してローカルで行われます。スクリーンショットがサーバーにアップロード、保存、または送信されることは一切ありません。サーバーサイドのコンポーネントは存在せず、すべてがブラウザ内で完全に動作します。
- どの画像形式に対応していますか？
- ブラウザがデコードできる任意の画像形式（PNG、JPG、WebP、GIFなど）をドロップできます。グラデーション背景の透明度を保持し圧縮アーチファクトを避けるため、出力は常にPNGです。クリップボードから直接スクリーンショットを貼り付けることもできます。
- スクリーンショット美化ツールはどのように機能しますか？
- 選択したグラデーション背景、パディング、角丸、シャドウ効果でスクリーンショットをHTML5 Canvasに描画します。設定を調整するとリアルタイムで結果がレンダリングされ、最終的なPNGをダウンロードまたはクリップボードに直接コピーできます。
- 美化したスクリーンショットは何に使えますか？
- 美化したスクリーンショットはTwitter/Xの製品アナウンス、LinkedIn投稿、ブログ記事のヘッダー、プレゼンテーション、ドキュメント、チュートリアルスレッドに最適です。グラデーション背景とシャドウを追加することで、あらゆるスクリーンショットが洗練されたプロフェッショナルな見た目になります。
- スクリーンショット美化ツールは無料ですか？ウォーターマークはありますか？
- このツールはウォーターマークなし、サインアップ不要、使用制限なしで100%無料です。すべてがブラウザで動作するためサーバーコストは発生せず、好きなだけスクリーンショットを美化できます。