RESTPLACE

画像ガイド一覧

縮小したスクリーンショットの文字が読めないときの直し方

説明用のスクリーンショットは、画面全体を縮めると、案内したいボタンの文字まで小さくなります。読者が必要とする操作箇所を先に切り出すと、同じ表示幅でも文字を大きく残せます。

幅1600 pxの画面を幅800 pxで表示すると、元画像で高さ20 pxの文字は約10 pxになります。必要な範囲を幅800 pxで切り出し、同じ幅800 pxで表示するなら、文字は元の高さ約20 pxを保てます。これは表示倍率の計算例で、ブラウザーや画面設定によって実際の見え方は異なります。

まずメニュー名と操作対象が一緒に入る範囲を切り出します。周辺の文脈が必要なら、全景と拡大図の2枚に分けます。最後は記事内の実際の幅、特にスマホ相当の幅で見て、読ませたいラベルが判別できるかを確認してください。操作に不可欠な文字は本文にも書くと、画像を拡大しなくても手順を追えます。

関連ページ