同じ画面を異なるピクセル密度で撮る

スクリーンショットは操作可能な画面ではなく、ピクセルの画像です。高密度の画面では同じレイアウトをより多くのピクセルで記録できます。文字は鮮明になりますが、小さく見る受け手には全情報が不要なこともあります。

一般的な説明はPNG ガイドにあります。この実験はアカウント情報や第三者のブランドを含まない専用の自作画面を使い、影響を切り分けます。送信先が拒否する場合はアップロードガイドを確認してください。

2026-10-29 に同じローカル画面を 1×・2×で記録しました。幅と高さがそれぞれ倍になるとピクセル数は 4 倍ですが、ファイル容量が一定比率になるわけではありません。両方を Bitinz のバランスで処理しました。

各キャプチャについて、PNG の圧縮結果と WebP の変換結果をそれぞれ残しました。同じ設定で 3 回実行し、出力ファイルが完全に一致することを確認しました。実験には元ファイル、ハッシュ値、出力記録を添えています。全体の方法は編集方針で説明しています。

まず同じ密度の PNG と WebP を比較し、次に元キャプチャー同士を比較してピクセル増加の影響を見てください。

Bitinz · 1 KB は 1000 バイトです。

元 PNG の細部

圧縮 PNG の細部

空白より、小さな文字、細線、薄い背景のパネルを見ましょう。等倍の切り抜きに加え、読者が見る幅でも全体を確認してください。

小さな WebP は送信先が受け入れ、文字が読める場合に役立ちます。PNG が必要なら圧縮 PNG を直接比較してください。キャプチャーが不要なら、文字をページ上の本物のテキストとして残しましょう。

アップロード前に編集ソフトで不要な周囲を切り取ります。これは圧縮とは別の内容判断で、余計な情報とピクセルを減らします。対象の操作部品と近くのラベルなど、説明に必要な文脈は残してください。

文書には拡大できる鮮明な高密度画像が必要でも、チャットのプレビューなら一部だけで足りる場合があります。すべて同じ寸法にせず、実際の送信先を試してください。

PNG が必要ならPNG 圧縮、自分のサイトならPNG から WebPを試せます。原本と比較し、読みやすさと送信先の対応から選んでください。

1. 01読者に必要な画面と文脈だけを記録する。
2. 02元 PNG を残してコピーを圧縮する。
3. 03等倍と掲載予定の幅で文字や細線を比較する。
4. 04送信先の形式に対応した、読みやすい小さなファイルを使う。