クリエイティブ
☞ すべてブラウザ内で処理 — アップロードは一切ありません画像をここにドロップ
クリックして選択も可 —— PNG・JPG・WebP・GIF
プレビュー
OneImageTool
無料画像ツール
クリエイティブ
余白、角丸、柔らかい影、そして背後にグラデーション。
クリックして選択も可 —— PNG・JPG・WebP・GIF
プレビュー
効いているのは枠のほう
スクリーンショットは、いきなり途切れる長方形です。スライドや投稿に置くと異物のように見えます。硬い縁が背後の何かと直接ぶつかり、切り取った画面とそれを載せた文書との間に視覚的な隙間がまったくないからです。これを直すのはフィルターではありません。画像のまわりの余白、和らげた角、そして長方形を背景に貼り付けるのではなく浮かせる何か——この 3 つです。
つまり設定は 3 つで、ここではその 3 つとも割合であってピクセルではありません。余白 20 ピクセルは 400 ピクセルのサムネイルには十分でも、3000 ピクセルの高精細キャプチャではまったく見えません。短辺に対する割合なら、同じ設定がどちらの尺度でも「意図してそうした」ように見えます。影も同じ量り方なので比率を保ち、大きなキャプチャで硬い黒い線に化けることがありません。
3 ステップ
PNG / JPG / WebP / GIF に対応。ページ内でデコードされ、アップロードはされません。
既定値から調整してください。背景は 2 つの色見本で決まります。色が違えば斜めのグラデーション、同じなら単色です。
PNG は画面内の文字を鮮明に保ちます——スクリーンショットの目的はたいていそこです。写真中心のキャプチャなら JPEG のほうが軽くなります。
早わかり
ピクセル値はひとつの画像サイズでしか機能しないからです。短辺の 10% は 400 ピクセルでも 3000 ピクセルでも同じに見えますが、40 ピクセルは前者では広い余白、後者では髪の毛一本です。数値指定の仕様に合わせたい場合は、換算値がプレビューの下に出ます。
2 つの色見本を同じ値にしてください。グラデーションは両者が違うときだけ現れ、同じときはその 1 色で塗りつぶされます。
画面内の文字を含むなら PNG です。JPEG 圧縮は文字の硬い縁のまわりに滲みを作りますが、スクリーンショットはまさにその縁でできています。JPEG が向くのは、写真が大半を占めるキャプチャのときだけです。
このツールは常に背景を塗ります。背景そのものが成果物の一部だからです——縁が透明な「装飾済みスクリーンショット」は背後のものを透けさせ、意味をなくします。透明な角が欲しい場合は角丸ツールをお使いください。
ファイルは 25 MB まで。余白を足した結果がブラウザのキャンバスで描ける範囲を超える場合は、収まるように縮小して書き出します。そのときはプレビューがそう告げます。空のファイルを渡すことはありません。
いいえ。スクリーンショットはあなたのブラウザ内でデコード・描画・再エンコードされます。これは他のツール以上に重要です——スクリーンショットには、他人のサーバーに置きたくないものが写っていることが多いからです。