スクリーンショットのリサイズ
必要な幅と高さぴったりの画像のコピーを作成できます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
スクリーンショットのリサイズでできること
Retina や 4K ディスプレイのスクリーンショットは、ヘルプセンター、スライド、メールに必要なサイズの 2 倍あることがよくあります。新しい幅を入力すると高さも連動します。「縦横比を保持」が既定でオンになっているためです。固定のバナー枠に合わせる場合などは、オフにして両方の値を自分で設定してください。
「その他のオプション」の「クイックサイズ」では、25%、50%、75%、または幅 1920、1280、800 px にすぐ切り替えられます。画像全体が拡大縮小され、切り取られる部分はありません。画像の一部だけを残したい場合は、代わりにスクリーンショット切り抜きを使ってください。
例
選ぶもの
dashboard.png、Retina の Mac で撮った 2880 × 1800 px クイックサイズ:幅 1280 px
ダウンロード
dashboard-resized-1280x800.png 1280 × 800 px
縦横比を固定しているため、1800 × 1280 / 2880 で高さはちょうど 800 px になります。新しいサイズはファイル名に含まれます。
スクリーンショットのリサイズの使い方
- 「ファイルを選択」、貼り付け、ドロップのいずれかで画像を追加します。
- 「幅」を入力するか(「高さ」は連動します)、「その他のオプション」を開いて「クイックサイズ」を選びます。
- プレビューの下のサイズ表示を確認し、「.png をダウンロード」をクリックします。
知っておきたいこと
- 元のサイズより大きくすると、既存のピクセルが引き伸ばされます。文字はぼやけて見えるので、大きな画像が必要なら高い解像度でスクリーンショットを撮り直してください。
- 1440 px から 1000 px のように半端な倍率で縮小すると、細い文字が少しぼやけることがあります。半分(50%)にすると、たいてい文字がくっきり保たれます。
- サイズ変更だけでは、ファイルサイズの上限に収まらないことがよくあります。ファイルを小さくするには、スクリーンショット圧縮にもかけてください。
スクリーンショットのリサイズについてよくある質問
画像を引き伸ばさずにサイズ変更するには?
「縦横比を保持」をオンのまま、幅だけを変えます。高さは元のアスペクト比から計算されるので、画像の形は変わりません。トグルをオフにすると両方の値を設定できますが、比率が変わると画像がゆがみます。
ヘルプ記事用のスクリーンショットの幅はどのくらいがよいですか?
多くのヘルプセンターやドキュメントでは、コンテンツが幅 700〜1000 px 程度で表示されるため、1600〜2000 px あれば高解像度の画面にも対応できます。メールなら 1200 px 以下で十分です。書き出す前に、プラットフォームのアップロード幅の上限を確認してください。
Retina のスクリーンショットが想定の 2 倍の大きさになるのはなぜですか?
高解像度ディスプレイは、画面上の 1 ポイントにつき 2 デバイスピクセルで記録します。幅 1440 px に見えるウィンドウは 2880 px で保存されます。50% にサイズ変更すると、画面上で見えるサイズになります。お使いの画面の比率はデバイスピクセル比チェッカーで確認できます。