ブラウザ上で素早く、スクリーンショットのサイズ変更や縮小が一括で行えます。
スクリーンショットのリサイズが必要になる場面は、日常的にさまざまなものがあります。ブログや記事への挿入は典型的な例です。WordPressやNoteなどのプラットフォームでは、記事の幅に合わせた画像サイズが推奨されます。コンテンツエリアが700px幅なのに、1920pxのキャプチャをそのまま貼ると、読み込みが遅くなるだけでなく、モバイル表示で崩れる原因になります。
バグ報告や技術サポートの場面では、相手が画像の詳細を確認できるサイズが必要です。かといって、Slackやメールに4MBのPNGファイルを添付するのは、受信者にとってストレスになります。ドキュメントやマニュアル作成では、複数のキャプチャを統一サイズに揃えることで、文書全体の見た目がすっきりします。サイズがバラバラだと、どれが重要でどれが補足なのか、視覚的なヒエラルキーが崩れてしまうのです。
PhotoshopやGIMPなどの画像編集ソフトは、サイズ変更のためだけに使うには過剰なツールです。起動に時間がかかり、操作も慣れが必要で、単純なリサイズ作業でも複数のステップを踏む必要があります。
Windowsの「ペイント」でもリサイズはできますが、ピクセル指定がしづらく、画質調整のオプションも限定的です。macOSのプレビューはもう少し柔軟ですが、フォーマット変換とサイズ変更を同時にやりたいときには手間がかかります。
オンラインツールの利点は、ブラウザがあればどこからでも使えるという点に尽きます。会社のパソコンにソフトを入れられない環境、Chromebook、タブレット——どのようなデバイスでも同じ操作でサイズ変更ができます。Pixes.appでは、画像処理をすべてブラウザ内で完結させているため、ファイルが外部サーバーに送信される心配もありません。
「リサイズ」と「圧縮」は混同されがちですが、目的が異なります。リサイズはピクセル数を変える操作です。1920×1080の画像を960×540にすれば、ピクセル数は4分の1になり、結果としてファイルサイズも小さくなります。
圧縮はピクセル数を変えずにファイルサイズを小さくする操作です。JPEG品質を80%から60%に落とす、PNGを可逆圧縮で最適化する、といった方法があります。
実際のところ、スクリーンショットのサイズ問題を解決するには、どちらか一方、あるいは両方を使うのが効果的です。例えば、1920×1080のPNGキャプチャが3MBある場合、まず960×540にリサイズしてから圧縮すれば、500KB以下に収まることがあります。ファイルサイズをさらに削減したい場合は、圧縮ツールを組み合わせると良いでしょう。
スクリーンショットのリサイズで「何ピクセルにすればいい？」と迷うことは少なくありません。いくつかの目安を整理します。
ブログ記事のヘッダー画像なら、1200×630pxが多くのSNSプラットフォームでの表示に適しています。記事内のキャプチャは、記事本文の幅に合わせるのが基本です。多くのブログテーマでは700〜800px幅が目安になります。
メール添付では、受信者がモバイルで見ることを想定して600px幅以内に収めると見やすくなります。テクニカルサポートの場合は、操作手順が読み取れる640〜800px程度がバランスが良いです。
プレゼンテーション資料では、スライドの解像度に合わせます。16:9のスライドなら1920×1080px、4:3なら1024×768pxが基本です。
「正しいサイズ」は一つではありませんが、配信先と閲覧環境を意識するだけで、選択肢は自然に絞られます。
写真のリサイズと違い、スクリーンショットのリサイズには独特のポイントがあります。
スクリーンショットにはテキストやアイコン、細い線が含まれることがほとんどです。これらは縮小すると読みにくくなります。12pxのフォントが含まれたキャプチャを半分のサイズにすると、文字が潰れて読めなくなる可能性があります。スクリーンショットをリサイズするときは、縮小後のテキストがまだ読めるかを必ず確認してください。
PNG vs JPEGの選択も重要です。スクリーンショットはフラットな色面とシャープなエッジが多いため、PNGが適しています。ただし、写真が多い画面のキャプチャならJPEGで十分で、ファイルサイズも大幅に小さくなります。
また、macOSやWindowsのHigh-DPI（Retina）ディスプレイでは、物理ピクセルと論理ピクセルの違いに注意が必要です。macOSのRetinaディスプレイで撮ったキャプチャは、実際には2倍のピクセル数で保存されます。13インチMacBook Proのフルスクリーンキャプチャなら2560×1600px。これをブログに使うなら、1280×800pxにリサイズするのが適切です。
サイズ変更とあわせて、不要な部分を切り取ることで、より見やすく、軽いキャプチャになります。